CSS Homepage, Tabellen ersetzen?

[Harlequin]

Yerf!

<div style=" width:100%; height:100%;border:1px solid black; float:top;">

float:top gibt es nicht (wozu auch?)
height:100% bezieht sich auf das umgebende Element (vermutlich Body), wie hoch ist das? Hier fehlt vermutlich ein height:100% für body und html.

<div style=" width:100%; height:100px;border:1px solid black; float:top;">Top wahrscheinlich als Bild</div>

sollte dann evtl. auch ein <img> werden...

<div style=" width:100%; height:25px;border:1px solid black; background-color: #eeeeee;" align="center" >Home | Thema1 | Forum | Suche</div>

Hier würde siche statt <div> eine Liste <ul> anbieten, die <li> dabei dann mit float:left

<div  style=" width:200px; height:200px;border:1px solid black;">

Wenn dass das linke Menü werden soll, dann wird hier wohl noch ein float:left benötigt, damit sich der Inhalt daneben anordnet.

<div>Aktuelles</div>
<div>Geschichte</div>
<div>Über mich</div>
<div style="text-align:left; margin-left:10px;">Lebenslauf</div>
<div style="text-align:left; margin-left:10px;">Ausbildung</div>

Sollte wohl auch besser eine Liste sein... Dabei sollte das <ul> das <div> mit der 200px-Breite ersetzen und die <div>s danach sollten die <li>s werden

</div>
<div style="border:1px solid black;"><h1>Überschrift</h1>Text, ganz viel text...</div>

Das <div> zum Gruppieren der Überschrift und des Texts ist ok, evtl den text noch in mehrere Absätze <p> gliedern.

<div  style=" width:100%; height:25px;border:1px solid black; position:absolute; bottom:0px" align="center" >Impressum</div>
</div>

Das sollte mit den entsprechenden Höhenangaben für Body und Html eigentlich funktionieren, aber vorsicht mit der absoluten Positionierung, dadurch können unbeabsichtigt andere teile überdeckt werden, in diesem Fall sollte ein entsprechender unterer Abstand beim Haupttext sichergestellt werden.

Für die fertige Seite solltest Du aber die CSS-Angaben in ein externes Stylesheet auslagern und keine Style-Attribute verwenden. Dadurch lässt sich das Layout sehr einfach für jede neue Seite wiederverwenden. Außerdem steigert es die Übersichtlichkeit und hat noch ein paar andere Vorteile.

Das ist zwar jetzt einiges an "Gemecker", aber nimm es dir bitte zu Herzen. Eine DIV-Wüste ist auch nicht besser als ein Tabellen-Layout. Wenn man schon einen Neuanfang macht, dann richtig.

Gruß,

Harlequin