samtrex
Sep 23, 2008, updated at Oct 18, 2012 (UTC)
view7745
view6
0
Goto Top

IE7 und min-height bzw. max-height

GermansolvedQuestionCSSDevelopment
Hallo wehrte Webentwickler!
Ich habe ein Problem das ihr bestimmt kennt. Ich habe auch schon etliche Stunden gegoogled. Es geht mir um folgendes. Ich habe eine kleine Homepage die ich mit Frames gestaltet habe. Die Seiten habe ich einfach in Word geschrieben und als html gespeichert (ja ich weiß, bitte nicht schlagen)
Nun folgendes. 1. möchte ich die Seite auf PHP umstellen. 2. Und das ist das Problem, möchte ich keine Frames mehr nutzen - ich habe gehört das es mit ihnen immer probleme gibt, und mit php finde ich es etwas kompliziert...

Soweit ich rausbekommen habe versteht der IE7 die Kommandos "max-height" bzw. "min-height".
Bei mir bzw. bei meiner Seite klappt das leider nicht so wirklich. Ich kann "max-height" durch "height" ersetzen, dann geht es - solange ich einen größeren Bereich vorgebe als der Inhalt braucht.
Habe ich einen größeren bzw. längeren Inhalt, wird der Container einfach länger!

Ich habe auf meiner Suche zahllose Seiten gefunden, bei denen das klappt. Von denen habe ich mir soweit möglich den CSS-Code angesehen, aber da steht nichts anderes drin als bei mir.

hier mal die Seite wie sie sein soll (hier mit frames gemacht) Layout mit FRAMES
hier die CSS Version Layout mit CSS

Das ist die index.php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
  "http://www.w3.org/TR/html4/loose.dtd">  
<link href="style.css" rel="stylesheet" type="text/css">  

<html>
<head>
	<title>Testlayout</title>
</head>
	<body bgcolor="#000000">  
		<div id="header">  
			<center>
				<h1><b>Willkommen auf 'lenzing.IT'</b></h1>  
			</center>
		</div>
		<div id="main">  
			<div id="lmenu"><?php include('lmenu.html');?></div>  
			<center>
				<div id="inhalt">  
					<?php
						if(isset($_POST['funktion_mainpage']))  
							{
							if($_POST['funktion_mainpage']=="willkommen")  
								{
									include('willkommen.html');  
								}
							elseif($_POST['funktion_mainpage']=="tbl_lebenslauf")  
								{
									include('tbl_lebenslauf.html');  
								}
							}
						else
							{
								include('willkommen.html');  
							}
					;?>
				</div>
			</center>
			<div id="rmenu"><?php include('rmenu.html');?></div>  
		</div>
		<div id="footer"><?php include('footer.html');?></div>  
	</body>
</html>

Und das die Style.css
#body {
  padding: 0px;
  margin: 0px;
  background-color: #0080c0;
}
#header {
  height: 50px;
  margin: 10px;
  background-color: #ff0;
}
#footer {
  height: 50px;
  margin: 10px;
  background-color: #ff0;
}
#main {
  position: relative;
  width: 100%;
}
#inhalt {
  margin: 0px 180px;
  max-height: 100px;
  background-color: #ffffc6;
}
#lmenu {
  position: absolute;
  top: 0px;
  left: 10px;
  width: 160px;
  height: 450px;
  background-color: #fc0;
}
#rmenu {
  position: absolute;
  top: 0px;
  right: 10px;
  width: 160px;
  height: 450px;
  background-color: #fc0;
}

Für einen Wink mit dem Zaunpfahl bin ich euch wirklich sehr dankbar.
Mir fehlt schlicht der Durchblick! - Ich muß noch anfügen das ich noch vollständige Seiten (mit html head body etc.) include!
Wird natürlich noch geändert, daran kann es aber nicht liegen, oder?
Ich habe nämlich auch mal einfach nur Zeilen geschrieben, da gehts auch nicht: CSS ohne INCLUDE
#header {	
	height: 200px;
	margin: 20px 20px 20px 20px; 
	background-color: #ffffff;
	}


Vielen Dank schon mal...
Gruß Sam
comment-contentCommentShareShare
Share on Facebook Share on Twitter Share on Reddit Share on Linkedin

Content-Key: 97664

Url: https://administrator.de/contentid/97664

Printed on: April 24, 2024 at 21:04 o'clock

6 Comments
Latest comment
Goto Top
Member: Mitchell
Mitchell Sep 24, 2008 at 01:09:34 (UTC)
Goto Top
Hi SamTrex,

vielleicht hast du es ja schon beantwortet, aber was genau willst du jetzt erreichen? Wenn ich mir die CSS-Seite angucke, sehe ich vieles, was im Vergleich zur Frame-Seite anders aussieht. Und was ist eigentlich "1.0E-4pt"? Die Angabe kenne ich noch nicht.

Mfg

Mitchell
Member: SamTrex
SamTrex Sep 24, 2008 at 08:43:14 (UTC)
Goto Top
Hallo Mitchell,
danke für die schnelle Antwort!

Meinst du damit das es am includen vollständiger Seiten liegt? Warum funktuiniert es denn dann bei der Version "CSS ohne INCLUDE" nicht?

Ich hätte gerne das was ich mit den Frames habe in CSS. Aber ohne Java.

Wo ist denn diese Angabe: "1.0E-4pt" ??? im geposteten Code habe ich sie jetzt nicht gefunden - bin ich blind?!
Member: Farbauti
Farbauti Sep 24, 2008 at 09:20:36 (UTC)
Goto Top
Zitat von @SamTrex:
... Die Seiten habe ich
einfach in Word geschrieben und als html gespeichert (ja ich
weiß, bitte nicht schlagen)
...
Soweit ich rausbekommen habe versteht der IE7 die Kommandos
"max-height" bzw. "min-height".

Hallo,

eines Vorab: Ich kann nur davon abraten, Webseite mit Word zu erstellen. Schau dir den unübersichtlichen Sourcecode an...

Ich hatte mal mit ähnlichen Parametern gespielt (max-width um genau zu sein), aber der funktionierte bei mir eher mit dem FF als mit IE.
Prinzipiell kann ich nur raten, auf browserspezifische HTML-Elemente (Tags, CSS, etc.) zu verzichten, solange die nicht verbreiteter Standard sind. Denk auch mal an die User, die nicht mit deinem Lieblingsbrowser ankommen.

Du arbeitest in der Seite mit vielen DIVs. Hast du mal überlegt, einfach die 'Frames' als Tabellenzellen abzubilden?

Gruß, Farbauti.
Member: Mitchell
Mitchell Sep 24, 2008, updated at Oct 18, 2012 at 16:36:17 (UTC)
Goto Top
Meinst du damit das es am includen vollständiger Seiten liegt?

Habe ich nirgendwo gesagt face-smile

Ich hätte gerne das was ich mit den Frames habe in CSS. Aber
ohne Java.

Dann musst du dich noch etwas mit CSS beschäftigen, hier wird dir keiner eine komplette Seite bauen.

Wo ist denn diese Angabe: "1.0E-4pt" ??? im geposteten Code
habe ich sie jetzt nicht gefunden - bin ich blind?!

Nein, die ist auch nicht im geposteten Code. Schau mal in die CSS, wo du deine Absätze definiert hast, also p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph, da steht unter Anderem diese Angabe bei "bottom".

Bei spezifischen Fragen kannst du natürlich Hilfestellung bekommen, aber mir scheint eher, dass dein Problem im CSS an sich liegt - die Kenntnisse sind ja da. Als Anstoß schau einfach mal in diesen Beitrag. Der User arbeitet auch mit einem 3 Spalten Layout.

Mfg

Mitchell
Member: SamTrex
SamTrex Sep 24, 2008 at 16:50:25 (UTC)
Goto Top
@Mitchell
Hi, danke für den Link!
Natürlich werde ich mich weiter mehr mit CSS auseinandersetzen, nie würde ich hier von jemandem verlangen mir eine fertige Lösung zu präsentieren!!!
Dann hätte ich zwar die Lösung, aber ich wüsste immer noch nicht wies funktioniert - sprich im weiteren Sinne bringt es mir nichts! ;)
Werde mir die CSS mal ansehn ...

@Farbauti
Was den Sourcecode bei Word angeht stimme ich dir da voll zu! Das Layout im Browser ist auch nicht immer so wie in Word... Aber für den Anfang dachte ich ...
Bin blutiger Anfänger auf dem Gebiet PHP, CSS, Java... Bisher habe ich mehr mit VBA, VBS, HTA gearbeitet, deshalb auch die Frames.
Auf die Idee mit der Tabelle bin ich auch noch nicht gekommen! Finde den Vorschlab aber sehr interessant! Das Tableset ist ja ähnlich dem Frameset....

Danke für eure guten Vorschläge!
Gruß Sam
Member: Mitchell
Mitchell Oct 14, 2008 at 20:58:31 (UTC)
Goto Top
bitte nicht vergessen, den Beitrag auf gelöst zu setzen, wenn du mit CSS durch bist face-smile

Mfg

Mitchell
GermansolvedQuestionCSSDevelopment
Hotly discussed
gleixnerdCheck of ZFW Firewallgleixnerd - 5 CommentsjstrickerWireguard VPN on UDM Pro behind Fritzbox - Handshake did not completejstricker - 3 Comments