Willkommen in der Webstatt Zum Webstatt Blog und Stories
Spark am 08.05.06 10:53

Ich blicke jetzt nicht mehr durch!
Kann mir einer sagen, warum die beiden DIVs in der ersten Zeile korrekt mit Scrollbalken angezeigt werden und die zweite Zeile nur im IE richtig angezeigt wird?!
Im FF (1.5) scrollt er in der zweiten Zeile nicht und in Opera (8.5) zeigt er den Inhalt der DIVs gar nicht an!

<table width="100%" height="100%" border="1">
<tr>
<td height="300"><div style="overflow:auto;width:100%;height:100%">.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/></div></td>
<td height="300"><div style="overflow:auto;width:100%;height:100%">.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/></div></td>
</tr>
<tr>
<td><div style="overflow:auto;width:100%;height:100%">.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/></div></td>
<td><div style="overflow:auto;width:100%;height:100%">.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/></div></td>
</tr>
</table>


Falls wer ne Alternative weiß, ich brauche die ersten Zeile auf jeden Fall mit fester Höhe. die zweite soll dann den Rest der Seite füllen. Die DIVs müssen alle scrollbar sein, wenn der Inhalt zu groß wird.

netcup.de Warum gibt es hier Werbung?
Michael Michael am 08.05.06 11:16

Vorneweg: der IEX zeigt hier gar nichts richtig an sondern versemmelt die Darstellung durch seinen komischen Quirksmode.... Wenn du einen entsprechenden Doctype setzt wird es gleich angezeigt.

Eine Lösung fällt mir spontan nicht ein (, da ich auch den Sinn nicht sehe).
Ein Workaround wäre auch den unteren Zellen eine feste Höhe zu geben, die naürlich an igrendeine Bildschirmauflösung angepasst wäre.

milahu milahu am 08.05.06 14:08

Einfach Wahnsinn solcher Code.. da seh ich schon von 10m Entfernung,
dass keine tabulären Daten dargestellt werden,
sondern die Tabelle als Designelement missbraucht wird.

Spark am 19.05.06 12:47

Quote
Original von milahu
Einfach Wahnsinn solcher Code.. da seh ich schon von 10m Entfernung,
dass keine tabulären Daten dargestellt werden,
sondern die Tabelle als Designelement missbraucht wird.


Ja, ich weiß....
Will mir das auch so langsam ebgewöhnen, aber ich bekomme das leider nicht hin ein Layout mit DIVs in dieser Form zu machen. Hab jetzt schon probiert ohne Ende....

Vielleicht kannst mir da ja helfen.....?

Ich brauche halt eine Kopf und eine Fußzeile mit fester größe. Dazwischen sollen 3 Spalten sein, wovon die links und rechts auch ne feste größe haben.
Das habe ich auch schon hin bekommen. Mein Problem ist nur, dass ich das Ganze in der Höhe nicht auf 100% bekomme :-/

CSS:
#alles {
width: 100%;
height: 100%;
position: relative;
}

#oben {
width: 100%;
height: 140px;
position: relative;
border: 1px solid #000000;
}

#links {
width: 120px;
height: 600px;
position: relative;
left: 0px;
border: 1px solid #000000;
float: left;
}

#rechts {
width: 120px;
height: 600px;
position: relative;
right: 0px;
border: 1px solid #000000;
float: right;
}

#mitte {
width: 100%;
height: 600px;
position: relative;
border: 1px solid #000000;
}

#unten {
width: 100%;
height: 30px;
position: relative;
border: 1px solid #000000;
clear: both;
}


HTML:
<div id="alles">
<div id="oben">oben</div>
<div id="links">links</div>
<div id="rechts">rechts</div>
<div id="mitte">mitte</div>
<div id="unten">unten</div>
</div>

milahu milahu am 19.05.06 13:57

Stellt sich nur die Frage, was du denn überhaupt darstellen willst.. Normaler Text kann's jedenfalls nicht sein ;)

Spark am 19.05.06 14:51

So soll es aussehen (bzw. so ist es jetzt).

[IMG]http://mitglied.lycos.de/money666/tmp/layout_thumb.jpg[/IMG]

Als Inhalt wird mit Ajax dann alles mögliche übergeben. Tabellen, Bilder, weiter DIVs....


Aber ich verstehe grade nicht was das mit deiner Frage zu tun hat...
Es ist doch egal was drin dargestellt wird. Oder nich?

milahu milahu am 19.05.06 15:02

Sieht ja ziemlich vollgestopft aus, und das schon bei 1280px..
Der untere Kasten kann doch am Ende der Seite verschwinden, dann bist du das 100%-Problem los.

Spark am 19.05.06 15:06

nee, kann er nich. den brauch ich leider.
geht das etwa nich so wie ich das brauche?

milahu milahu am 19.05.06 15:16

Könnte so gehen:
body{
margin-bottom:30px;
}
#unten {
height: 30px;
position: fixed;
bottom:0;
z-index:2;
border: 1px solid #000000;
}

Ich persönlich empfinde es als störend, da unten noch nen Kasten zu haben, aus dem mich womöglich noch ne Anzeige anblinkt.. just my 2 cents ;)

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt