Höhe 100% Bildschirm ausgefüllt
Andreas
- css
Hallo
habe eine Seitengestaltung die height:100%; haben soll.
Jetzt klappt mal was bei Microsoft und leider nicht bei Firefox 1.0
wie kann ich da vorgehen?
dies habe ich hinterlegt:
html,body {
height:100%;
...
}
#outer{
height:100%;
...
}
#left {
height:100%
...
}
#content{
height:100%
...
}
jetzt die DIV's
<div id="outer">
<div id="left"></div>
<div id="content"></div>
</div>
Hallo Andreas,
habe eine Seitengestaltung die height:100%; haben soll.
Jetzt klappt mal was bei Microsoft und leider nicht bei Firefox 1.0wie kann ich da vorgehen?
am einfachsten für alle: das Forumsarchiv durchsuchen und/oder Selfhtml lesen. dieses thema wird ständig erfragt und deshalb gibts auch jede menge antworten im archiv.
HP
Hallo Hans-Peter,
am einfachsten für alle: das Forumsarchiv durchsuchen und/oder Selfhtml
lesen. dieses thema wird ständig erfragt und deshalb gibts auch jede
menge antworten im archiv.
Und von denen sehen 90% so aus wie diese, hehe. Also keine Alternative.
Grüße,
CK
hi,
am einfachsten für alle: das Forumsarchiv durchsuchen und/oder Selfhtml lesen. dieses thema wird ständig erfragt und deshalb gibts auch jede menge antworten im archiv.
nein, das sehe ich hier nicht so.
das er auch die höhe der elternelemente explizit angeben muss, hat er ja offensichtlich bereits berücksichtigt.
deshalb ist das problem für mich auch nicht so ohne weiteres erklärbar - evtl. mal ein online-beispiel ...?
gruß,
wahsaga
Hallo,
natürlich habe ich hier im Forum und über Google gesucht,
aber nichts ergab eine Verbesserung des Problems
Hi,
habe eine Seitengestaltung die height:100%; haben soll.
Jetzt klappt mal was bei Microsoft und leider nicht bei Firefox 1.0
Vielleicht verrätst Du auch noch, was da nicht klappt?
Stell doch auch die Seite online, damit man sie angucken kann.
cu,
Andreas
Hallo!
Jetzt klappt mal was bei Microsoft und leider nicht bei Firefox 1.0
wie kann ich da vorgehen?
So gehts im Firefox 1.0 und auch im Konqeror, zumindest optisch ist Menü und Inhalt immer gleich hoch.
Wie der IE das rendert weiß ich nicht.
<html>
<head>
<title>test</title>
<style type="text/css">
body{margin:0;padding:0;}
#aussen{background-color:#eee}
#menu {width:140px;float:left;padding:20px;background-color:#eee}
#inhalt {margin-left:180px;padding:20px;background-color:#eff}
</style>
</head>
<body>
<div id="aussen">
<div id="menu">
MENUE
</div>
<div id="inhalt">
viel Inhalt hineinschreiben....
</div>
</div>
</body>
</html>
Grüße
saltun
Hallo auch,
So gehts im Firefox 1.0 und auch im Konqeror, zumindest optisch ist Menü und Inhalt immer gleich hoch.
nö:
<div id="menu">
MENUE<br><br>
</div>
auch "optisch" klappt es nicht.
Also "viel Inhalt hineinschreiben...."
Grüsse
Cyx23
Hallo!
Hallo auch,
nö:
<div id="menu">
MENUE<br><br>
</div>auch "optisch" klappt es nicht.
Also "viel Inhalt hineinschreiben...."
Ich habs mit
<div id="menu">
MENUE
<ul>
<li>
Punkt 1
</li>
usw.
</ul>
</div>
probiert; funktioniert tadellos!
Grüße
saltun
Hallo nochmal,
probiert; funktioniert tadellos!
nein, wie sollte es denn auch.
Oder du hast etwas anderes probiert als den geposteten Code, etwa "hineinschreiben",
also #inhalt höher als menu.
Bezogen auf das Ausgangspostung ist es aber eh ne andere Geschichte, da kann z.B.
wie schon verschiedentlich erwähnt mit Höhenangaben von 100% gearbeitet werden.
Grüsse
Cyx23
Hallo!
nein, wie sollte es denn auch.
Oder du hast etwas anderes probiert als den geposteten Code, etwa "hineinschreiben",
also #inhalt höher als menu.
Ja. Siehe http://www.einsiedler.info/test/zwei_div_gleich_hoch.html/.
Wenn Du das Browserfenster verkleinerst bleibt das "Menü" immer gleich hoch
wie der Inhalt.
Das eigentliche Menü ist natürlich nur so hoch wie sein Inhalt. Aber es schaut halt so aus
als ob es gleich hoch wie das Inhalts-div wäre.
Umgekehrt ist es auch so.
Mit dem IE hab ich es nicht angeschaut, aber da der HTML, bzw. CSS Code recht einfach
ist, sollte er das eigentlich auch können.
Grüße
saltun
Hallo!
Das eigentliche Menü ist natürlich nur so hoch wie sein Inhalt. Aber es schaut halt so aus
als ob es gleich hoch wie das Inhalts-div wäre.
IMHO Bis hierher noch richtig.
Umgekehrt ist es auch so.
KORREKTUR: Das nicht! (Die vorgerückte Stunde zu spät für meine Logik)
Grüße
saltun
Hi,
stimmt habe nicht erklärt was nicht funzt
im Explorer ist der Aussen-Rahmen so groß wie der Inhalt
im Firefox schaut unter dem Rahmen noch Inhalt heraus.
Wenn ich es ohne Inhalt gestalte, kein Problem
kaum habe ich aber Inhalt wird dieser im Firefox ausserhalb dargestellt.
Jetzt habe ich folgende Lösung angeboten bekomen und das klappt auch
overflow: auto;
Gruss
Andreas