Umstrukturierung eines Tabellen-Layouts nach DIV
Nadine
- css
Hallo!
Wie wandle ich dieses simple Layout komplett nach DIV um?
<table>
<tr><td colspan=3 height=50>Logo</td></tr>
<tr>
<td width=150 height=300>Menü</td>
<td width=300>Content</td>
<td width=150>Menü</td>
</tr>
<tr><td colspan=3 height=50>Copyright</td></tr>
</table>
Die einzelenen Container sind ja klar:
<div id=logo style=position:relative;width:600px;height:50px>Logo</div>
<div id=menulinks style=position:relative;width:150px;height:300px>Menü</div>
<div id=content style=position:relative;width:300px;height:300px>Content</div>
<div id=menurechts style=position:relative;width:150px;height:300px>Menü</div>
<div id=copyright style=position:relative;width:600px;height:50px>Copyright</div>
Allerdings WIE werden die jetzt richtig positionert?
Wenn ich die hinschreibe wie oben, dann werden die ja lediglich untereinander positioniert.
Die Ausrichtung sollte wenn möglich nicht "absolute" am Browserrand sein, sondern eher anhand vom #logo-Container oder so.
Wer weiß einen Tipp?
Danke,
Nadine
Hi,
Bitte lies http://de.selfhtml.org/css/layouts/ und vergesse zunächt die Eigenschaft position.
freundliche Grüße
Ingo
Hi Ingo!
[...] vergesse zunächt die Eigenschaft position.
Versuch mal fünf Minuten lang, nicht an Eisbären zu denken. :)
MfG Hopsel
Hi,
[...] vergesse zunächt die Eigenschaft position.
Versuch mal fünf Minuten lang, nicht an Eisbären zu denken. :)
müßte ich das jetzt verstehen?
freundliche Grüße
Ingo
Hi,
Versuch mal fünf Minuten lang, nicht an Eisbären zu denken. :)
müßte ich das jetzt verstehen?
*g* ok, hat etwas länger gedauert. ;-)
freundliche Grüße
Ingo
Hallo Hopsel,
[...] vergesse zunächt die Eigenschaft position.
Versuch mal fünf Minuten lang, nicht an Eisbären zu denken. :)
Ich finde, dass nicht an rosa Elefanten zu denken besser funktioniert. >:)
Grüße aus Barsinghausen,
Fabian