zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Probleme bei Umstellung von Tabellen- auf CSS-Layout

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 10.07.2005, 22:05
-
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
  #2 (permalink)  
Alt 10.07.2005, 22:31
Benutzerbild von magick
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 05.09.2004
Ort: Hamburg
Beiträge: 302
magick befindet sich auf einem aufstrebenden Ast
Standard

Stichwort: faux columns
__________________
Gruss, Merlin
xw3.org - light your style
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 11.07.2005, 14:19
Benutzer
neuer user
 
Registriert seit: 06.06.2005
Beiträge: 44
Das Nilpferd befindet sich auf einem aufstrebenden Ast
Standard

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 ...
Mit Zitat antworten
  #4 (permalink)  
Alt 12.07.2005, 17:30
-
neuer user
Thread-Ersteller
 
Registriert seit: 26.01.2005
Ort: 76000
Beiträge: 44
ComLar befindet sich auf einem aufstrebenden Ast
Standard

Da ist normal ein <ul> um das[*] und auch margin und padding finden Verwendung. Das war nur auf die Schnelle gemacht. Man möge mir das verzeihen...
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Redesign für Steiner Cycling Team pkipper Site- und Layoutcheck 11 09.02.2011 12:25
Banner neben CSS Layout platzieren? delaspuke CSS 19 29.12.2010 22:08
validiertes CSS 2 spalten layout mit header und footer macht probleme ASB CSS 4 31.07.2007 07:37
CSS Tips & Tricks Webnauts Ressourcen 0 25.08.2006 23:04
Tabellen Layout in CSS verwirklichen das.prov CSS 2 02.02.2005 22:11


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:24 Uhr.