IE7 und min-height bzw. max-height

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

Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben

Content-ID: 97664

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

Ausgedruckt am: 05.11.2024 um 21:11 Uhr

6 Kommentare

Neuester Kommentar

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

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?!

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.

Meinst du damit das es am includen vollständiger Seiten liegt?

Habe ich nirgendwo gesagt

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

@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