nicht angemeldet
Tabelle innerhabl div
Moin zusammen,
ich versuche, die "übliche" Seitenanordnung -- Links Navigation, Rest Inhalt -- mit <div>s zu basteln.
Geht soweit ganz gut - außer, wenn im rechten <div> eine Tabelle 100% haben möchte. Dann zieht ie6 den rechten Bereich so groß, wie das gesamte Browserfenster. Opera und NS6 machen's richtig.
Setze ich im Stylesheet denBereich der resten Spalte auf 100%, so machen Opera und NS6 das, was vorher der ie6 machte -- aber dafpr macht's der richtig.
Hat jemand einen Workaround parat?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test</title>
<style type="text/css">
<!--
#links {
position : absolute;
top : 0px;
left : 0px;
width : 150px;
padding : 0px;
background : #B0C8E0;
}
#rechts {
padding : 20px;
margin-left : 150px;
margin-right : 0px;
width : 100%;
}
-->
</style>
</head>
<body>
<div id="links">Links</div>
<div id="rechts">
<table summary="test" width="100%" bgcolor="blue">
<tr>
<td>....</td>
</tr>
</table>
</div>
</body>
</html>
-
Hallo,
Versuch mal, die Tabelle mit <table style="width:100%"> - also mit css - zu formatieren. Eventuell bezieht der IE das Attribut width immer auf das gesamte Fenster.
Beim geposteten Code ist #rechts 100% breit - dies bezieht sich immer auf das Parent-Element (hier body) Damit ist das geschilderte Verhalten dort korrekt.
schau mal hier: http://www.thenoodleincident.com/tutorials/box_lesson/
Viele Grüße,
Levin---
http://www.bildarchivierung.com-
Versuch mal, die Tabelle mit <table style="width:100%"> - also mit css - zu formatieren. Eventuell bezieht der IE das Attribut width immer auf das gesamte Fenster.
Würed ich gerne, aber da der content "rechts" nicht von mir ist, habe ich darauf keinen Einfluss (das wanze wird ein Theme für PostNuke.)
Beim geposteten Code ist #rechts 100% breit - dies bezieht sich immer auf das Parent-Element (hier body) Damit ist das geschilderte Verhalten dort korrekt.
Stimmt, somit verhalten sich Opera und NS korrekt.
Ich hab's aber gefunden: Innerhalb von <div id="rechts"> NOCH EIN <div>; dessen Breite auf 100% und die Breite von #rechts nicht angeben.
Damit kommen Opera, NS und ie6 klar...
http://www.thenoodleincident.com/tutorials/box_lesson/
Kannte ich bereits, ist mir aber zu wenig illustriert.
Grüße & Danke,
Jörg
-