div-Block funktioniert im FF anders als im IE?
Udo
- design/layout
1 Beat0 Udo0 Der Martin
Hallo,
da mir vor kurzem hier so schnell geholfen wurde, stelle ich heute mal wieder eine Frage:
Ich möchte einen Textblock erzeugen, der rundum einen Rand hat, d.h. die Unterseite muß sich an der Browserunterkante orientieren. Schiebe ich mit der Maus das Browserfenster zusammen, so daß der Inhalt nicht mehr vollständig ins Fenster paßt, so soll ein Scrollbalken erscheinen.
Damit möchte ich erreichen, daß bei unterschiedlichen Bildschirmauflösungen immer ein gleichgroßer unterer Rand sichtbar ist, während sich der Textbereich entsprechend vergrößert/verkleinert.
Mit dem IE funktioniert das wunderbar, so wie gedacht. Nur mit dem Firefox wird immer der komplette Textbereich angezeigt bzw. die ganze Seite gescrollt, so daß der untere Rand verschwindet.
Wie bringe ich den Firefox zu dem gewünschten Verhalten?
Danke im Voraus für Eure Tipps!
Mein für IE funktionierender Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test</title>
</head>
<body style="background-color:#FFAA3C;margin:18px">
<table style="width:100%; height:100%">
<tr>
<!--Mintestanzeigehöhe des Text-Blocks 100px -->
<td style="height:100"></td>
<!-- Textblock bis zum unteren Fensterrand -->
<td style="width:100%; background-color=#FFFFAA">
<div style="height:100%;width:200;overflow:auto">
Zeile 1<br>
Zeile 2<br>
...
Zeile 17<br>
Zeile 18<br>
</div>
</td>
</tr>
</table>
</body>
</html>
Wie bringe ich den Firefox zu dem gewünschten Verhalten?
Eventuell möchtest du Fehler bereinigen?
Mein für IE funktionierender Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test</title>
</head><body style="background-color:#FFAA3C;margin:18px">
<table style="width:100%; height:100%">
100% von was genau? Gib dem Parent Element eine Höhenangabe.
<tr>
<!--Mintestanzeigehöhe des Text-Blocks 100px -->
<td style="height:100"></td>
---------------------------^ Fehler
<!-- Textblock bis zum unteren Fensterrand -->
<td style="width:100%; background-color=#FFFFAA"><div style="height:100%;width:200;overflow:auto">
---------------------------------------^ Fehler
Zeile 1<br>
Zeile 2<br>
mfg Beat
»» <body style="background-color:#FFAA3C;margin:18px">
»» <table style="width:100%; height:100%">100% von was genau? Gib dem Parent Element eine Höhenangabe.
100% vom Browserfenster, das sollte funktionieren. Mit FF nicht?
»» <tr>
»»
»» <!--Mindestanzeigehöhe des Text-Blocks 100px -->
»» <td style="height:100"></td>
---------------------------^ Fehler
Wo ist der Fehler? muß ich "100px" schreiben?
Funktioniert genausowenig.
Wenn Du meinen ursprünglich geposteten Code mit dem IE ausführst, siehst Du die gewünschte Funktion, wenn das Browserfenster verkleinert wird.
Wenn ich dem Parent eine starre Höhenangabe gebe, ist das nicht das, was ich möchte.
???
Udo
Hallo,
»» 100% von was genau? Gib dem Parent Element eine Höhenangabe.
100% vom Browserfenster
nein, sondern 100% vom Elternelement. Da das Elternelement (body) keine explizite Höhenangabe hat, richtet sich *dessen* Höhe aber nach seinem Inhalt. Auf Umwegen gibst du also vor, deine Tabelle möge bitte 100% ihrer eigenen Höhe haben.
das sollte funktionieren. Mit FF nicht?
Der IE versucht im Quirks Mode allerdings, solche Versäumnisse des Autors auszubügeln, indem er rät, was dieser wohl gemeint haben mag. Manchmal liegt er mit dem Raten sogar richtig. Verlassen sollte man sich darauf allerdings nicht.
»» »» <td style="height:100"></td>
»» ---------------------------^ Fehler
Wo ist der Fehler? muß ich "100px" schreiben?
Wenn du px meinst, ja. Maßangaben brauchen in CSS immer eine Einheit - es sei denn, der Wert ist 0, dann darf die Maßeinheit (mathematisch korrekt) auch entfallen.
Funktioniert genausowenig.
Hat auch nichts mit deiner eigentlichen Frage zu tun. Aber wenn jemand schon um Rat fragt, weisen wir ihn gern auch auf andere Probleme hin, die ihm vielleicht nicht bewusst sind.
So long,
Martin
Hallo,
nein, sondern 100% vom Elternelement. Da das Elternelement (body) keine explizite Höhenangabe hat, richtet sich *dessen* Höhe aber nach seinem Inhalt. Auf Umwegen gibst du also vor, deine Tabelle möge bitte 100% ihrer eigenen Höhe haben.
Hm. Danke für Deine Ausführungen - aber zielführend waren sie nicht ;-(
Wenn ich 100% beim Body eintrage funktioniert alles wie vorher. IE geht, FF nicht.
Wenn sich der FF nach dem Inhalt ausrichtet bei 100%, ist ja klar, daß mein Fenster zu lang wird und der untere Rand nicht mehr zu sehen ist. Wie bringe ich ihn aber dazu, nur den Textbereich zusammenzuschieben und den unteren (und oberen) Rand unabhängig von Auflösung und Fenstergröße anzuzeigen (so wie es der IE macht?)
Udo
Hi,
Wenn ich 100% beim Body eintrage funktioniert alles wie vorher. IE geht, FF nicht.
Ich zitiere Martin: "und dessen Parent dann auch noch"
cu,
Andreas
Hallo nochmal,
»» Wenn ich 100% beim Body eintrage funktioniert alles wie vorher. IE geht, FF nicht.
Ich zitiere Martin: "und dessen Parent dann auch noch"
Irgendwie stehe ich auf den Schlauch - was ist der Parent vom Body?
Nicht das Browserfenster?
Hättest Du vielleicht ewas Pseudocode für mich?
Oder willst Du mir sagen, daß mein Ziel mit dem FF nicht erreichbar ist?
Udo - (verwirrt)
[latex]Mae govannen![/latex]
Ich zitiere Martin: "und dessen Parent dann auch noch"
Irgendwie stehe ich auf den Schlauch - was ist der Parent vom Body?
Cü,
Kai
Hallo,
»» <body style="background-color:#FFAA3C;margin:18px">
»» <table style="width:100%; height:100%">
100% von was genau? Gib dem Parent Element eine Höhenangabe.
genau, und dessen Parent dann auch noch.
Schönes Wochenende,
Martin