2011-01-05 11 views
-2

Site: http://sebastiano.freehostia.com/HTML und CSS schiefe Tabellen

CSS: /style.css

ich nicht allzu sicher bin, was hier falsch mit der Positionierung der Boxen geht. Der Header hat einen großen Raum darunter und die beiden in der Mitte sind schief. Könnte mich bitte jemand aufklären, was das verursacht?

Danke!

+1

Was ist los, Sie verwenden Tabellen in einer nicht-semantischen Natur, und Karma holt Sie ein. – zzzzBov

+0

Wie in sie sind verschachtelt? Ich sehe nichts inhärent anders an ihren Eigenschaften. – Sebastian

+1

-1 Tabellen sollten nicht für Layouts verwendet werden. Tabellen dienen zum Anzeigen von TABULAR-Daten ... Verwenden Sie divs für Layouts, Tabellen zum Anzeigen von Daten – sethvargo

Antwort

2

ändert denke ich, dass es ein Standard-Marge auf dem <form> Element, das einige Anzeigeprobleme verursachen könnte. Vielleicht können Sie auch einen universellen Selektor-Reset verwenden und sehen, was sich ändert, um das Problem zu diagnostizieren *{margin:0;padding:0} oder besser noch: Design semantisch und vermeiden Sie Tabellen-basierte Layouts (insbesondere geschachtelte Tabellen) und arbeiten von dort.

+0

Vielen Dank für Ihre Hilfe und Feedback! – Sebastian

+0

Ich freue mich, Ihnen behilflich zu sein –

0

Meine schnelle Vermutung wäre der Marge h1/h2 ist sein Standard mit Dingen verwirren

Versuchen Sie:

h1,h2{ 
margin:0px 0px 15px 0px; 
} 

Und sehen, ob das etwas

+0

Das bewegte Dinge leicht, aber es löste das Problem nicht. – Sebastian

+0

Sie könnten Valign = "top" auch zu dem td-Tag hinzufügen, das jedes enthält linke und rechte Tabelle, aber wie alle oben genannten sollten Sie nur CSS für Layout verwenden und Tabellen vermeiden – kilrizzy