HTML - Helft dem Tabellen-Fanatiker beim Umbau seiner Seite in Div

*grübel* Irgendwie hat sich der Text verflüchtigt... Naja dann halt nochmal...

Also ich will mir ein Layout basteln. Normalerweise mache ich das ja mit Tabellen, doch jetzt habe ich div's und span's ausprobiert und bin kläglich gescheitert. Deshalb: Kann mir jemand nach dem Bild ein Layout machen?. Danke!

(in die grünen Rahmen kommen 2 Iframes)

js

Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben

Content-ID: 53809

Url: https://administrator.de/contentid/53809

Ausgedruckt am: 22.11.2024 um 11:11 Uhr

11 Kommentare

Neuester Kommentar

G' Abend,
warum willst du das Layout in DIV machen und danach bügelst wieder "Frames" rein. Ist nicht wiklich der Sinn davon. Somit kannst du gleich bei der Tabelle bleiben.

Grüße
Dani

PS: Nicht persönlich nehmen!!!

Tach!

Versuchs mal so:

<div style="width:700px; height:100%">
<div style="width:700px; height:30px; background-color:#f00">oben</div>
<div style="width:200px; height:100%; float:left; background-color:#0f0">links</div>
<div style="width:500px; height:100%; float:right; background-color:#00f">rechts</div>
<div style="width:700px; clear:both; height:30px; background-color:#ff0">unten</div>
</div>

Micha

Dani: Iframes sind lustig :D

Micha: Nee so funktioniert das ja grade net. Das hab ich auch schon probiert aber werder ff noch ie will...

js

Also bei mir klappt das so...

Oder was ist das Problem bei meiner Lösung?
Was haut denn nicht hin?

Micha

Also bei mir is die Seite eindeutig größer als 100%...

Dann mach halt noch ein <div> mit definierter Höhe drumherum...
Dann darf es nicht mehr als 100% werden...

Micha

ja aber da is doch schon ein Div?

Okay, nächster Versuch...
Diesmal mit absoluter Positionierung...

<div style="position:absolute; top:0px; left:0px; height:30px; width:700px; background-color:#f00">oben</div>
<div style="position:absolute; top:30px; left:0px; bottom:30px; width:200px; background-color:#0f0">Links</div>
<div style="position:absolute; top:30px; bottom:30px; left:200px; width:500px; background-color:#00f">Rechts</div>
<div style="position:absolute; bottom:0px; left:0px; height:30px; width:700px; background-color:#ff0">Unten</div>

Ich geb's auf... Nee das will alles net so wie ich will....
Ich nehm Tabellen :D...

Guten Morgen,
sry...ich lasse den Status mal auf "ungelöst" stehen. Schaden kann es sicher nicht. Oder soll ich den Beitrag als "gelöst" markieren?!

Gruß
Dani