joerns
Goto Top

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!

62f6a22adf9134eb3bc432aa1029bccf-layout

(in die grünen Rahmen kommen 2 Iframes)

js

Content-ID: 53809

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

Ausgedruckt am: 08.11.2024 um 11:11 Uhr

Dani
Dani 11.03.2007 um 22:18:43 Uhr
Goto Top
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!!!
milka
milka 12.03.2007 um 15:30:11 Uhr
Goto Top
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
joerns
joerns 14.03.2007 um 17:29:30 Uhr
Goto Top
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
milka
milka 14.03.2007 um 17:43:26 Uhr
Goto Top
Also bei mir klappt das so...

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


Micha
joerns
joerns 14.03.2007 um 17:44:25 Uhr
Goto Top
Also bei mir is die Seite eindeutig größer als 100%...
milka
milka 14.03.2007 um 17:47:21 Uhr
Goto Top
Dann mach halt noch ein <div> mit definierter Höhe drumherum...
Dann darf es nicht mehr als 100% werden...


Micha
joerns
joerns 14.03.2007 um 17:49:30 Uhr
Goto Top
ja aber da is doch schon ein Div?
milka
milka 14.03.2007 um 18:44:47 Uhr
Goto Top
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>
joerns
joerns 15.03.2007 um 21:04:08 Uhr
Goto Top
Ich geb's auf... Nee das will alles net so wie ich will....
Ich nehm Tabellen :D...
Dani
Dani 04.05.2007 um 08:14:39 Uhr
Goto Top
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
joerns
joerns 04.05.2007 um 22:38:53 Uhr
Goto Top
Naja, es gibt doch ne Lösung:
Es geht net^^