Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 10.07.2005, 23:05
ComLar ComLar ist offline
-
neuer user
Thread-Ersteller
 
Registriert seit: 26.01.2005
Ort: 76000
Beiträge: 44
ComLar befindet sich auf einem aufstrebenden Ast
Standard 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|[*]&Uuml;ber mich|[*]Aktivit&auml;ten|[*]Sonstiges|[*]Intern|[*]Kontakt|[*]G&auml;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>
Angehängte Grafiken
Dateityp: jpg soll.jpg (126,4 KB, 258x aufgerufen)
Dateityp: jpg ist.jpg (72,9 KB, 258x aufgerufen)
Mit Zitat antworten
Sponsored Links