11
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
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
Share on Facebook
Share on Twitter
Share on Reddit
Share on LinkedinPlease also mark the comments that contributed to the solution of the article
Content-Key: 53809
Url: https://administrator.de/contentid/53809
Printed on: April 25, 2024 at 14:04 o'clock
11 Comments
Latest comment
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!!!
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
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
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
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
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>
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...
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
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
Naja, es gibt doch ne Lösung:
Es geht net^^
Es geht net^^
