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
Und das die Style.css
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
Vielen Dank schon mal...
Gruß Sam
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: 22.11.2024 um 12:11 Uhr
6 Kommentare
Neuester Kommentar
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".
... 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.
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?!
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