|
|||
Probleme bei Umstellung von Tabellen- auf CSS-Layout
Hallo,
sitze nun schon eine geraume Weile daran, meine Seite zu überarbeiten: Weg von den Tabellen. Aber es will mir einfach nicht gelingen. Die Sache mit float usw. scheint nicht so mein Ding zu sein. Also ich habe zwei Screenshots angehängt: SOLL - so soll es aussehen (ist das Tabellendesign). IST - so sieht es aus... Was muss ich tun, damit es korrekt dargestellt wird?? Verzweifel noch daran... Hier noch der HTML/CSS-Teil: Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Homepage</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> </head> <style> body { color: silver; } a { color: silver; text-decoration: none; } li { display: inline; } h1 { font-size: 2em; color: black; text-decoration: underline; } </style> <body> <div style="margin: auto; width:777px; border:1px solid black;"> <p style="width:100%; height: 148px; background: url(titel1.jpg) repeat-x; margin:0; padding:0;"> </p> <div style="text-align: center; border-top: 1px solid black; border-bottom: 1px solid black; background-color: #004400; padding: 5px;">[*]Startseite|[*]Über mich|[*]Aktivitäten|[*]Sonstiges|[*]Intern|[*]Kontakt|[*]Gästebuch|[*]Impressum </div> <div style="width: 24%; background-color: #004400; padding: 5px; float: left;"> Unternavigation </div> <div style="width: 73%; background-color: white; padding: 5px; float: right;"> <h1>Willkommen</h1> Irgendwann werden hier jede Menge Infos zu finden sein. Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein.Irgendwann werden hier jede Menge Infos zu finden sein. </div> <br style="inherit" /> <div style="text-align: center; background-color: #004400; border-top: 1px solid black;"> Subtitel </div> </div> </body> </html> |
Sponsored Links |
|
|||
Außerdem solltest du mal dein html überarbeiten ... warum stehten da zB[*]s ohne von einer <ul> o.ä. umschlossen zu sein? Und was sollen die ganzen zwischen den[*]s ? Den abstand kannst du viel besser mit css (margin/padding) machen. Und den Text solltest du auch in
schreiben ... |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Redesign für Steiner Cycling Team | pkipper | Site- und Layoutcheck | 11 | 09.02.2011 13:25 |
Banner neben CSS Layout platzieren? | delaspuke | CSS | 19 | 29.12.2010 23:08 |
validiertes CSS 2 spalten layout mit header und footer macht probleme | ASB | CSS | 4 | 31.07.2007 08:37 |
CSS Tips & Tricks | Webnauts | Ressourcen | 0 | 26.08.2006 00:04 |
Tabellen Layout in CSS verwirklichen | das.prov | CSS | 2 | 02.02.2005 23:11 |