|
|||
Komisches Div margin Problem nach float & clear
Hi!
Also ich habe folgenden Code: Code:
<?xml version="1.0" encoding="iso-8859-15"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"> <head> <title></title> <style type="text/css"> <!-- #m { float:left; width: 298px; border: 1px solid black; } #t { float: left; width: 648px; border: 1px solid black; } #f { clear: left; width: 948px; border: 1px solid black; margin-top: 10px; } --> </style> </head> <body> <div id="m"> </div> <div id="t"> </div> <div id="f"> </div> </body> </html> |
Sponsored Links |
|
||||
Vermutlich meinst du damit den bei (fast) jedem Browser voreingestellten margin. Schreib einfach mal
Code:
body {margin:0;padding:0;} Übrigens, bei XHTML Dokumenten halte ich es für bedenklich den CSS Code in Kommentaren einzuschließen ( http://www.w3.org/TR/xhtml1/#C_4 ).
__________________
CSS Optimierer und Formatierer (CSSTidy) |
Sponsored Links |
|
|||
Zitat:
|
|
||||
Hm, vermutlich willst du dann das hier erreichen?
Code:
#m { float:left; width: 298px; border: 1px solid black; } #t { margin-bottom: 10px; float: left; width: 648px; border: 1px solid black; } #f { clear: left; width: 948px; border: 1px solid red; }
__________________
CSS Optimierer und Formatierer (CSSTidy) |
|
|||
Zitat:
|
|
||||
Jetzt aber
Code:
#m { margin-bottom:10px; float:left; width: 298px; border: 1px solid black; } #t { margin-bottom:10px; float: left; width: 648px; border: 1px solid black; } #f { clear:left; width: 948px; border: 1px solid red; }
__________________
CSS Optimierer und Formatierer (CSSTidy) |
|
|||
Zitat:
|
|
|||
Dass der margin top im clearenden Element nicht angezeigt wird, liegt an der Definition des clear:
CSS-Spezifikation: Zitat:
Warum der margin dann nach oben wandert? Vielleicht wegen dieser Regel: Zitat:
Grüße fricca |
|
||||
Zitat:
__________________
CSS Optimierer und Formatierer (CSSTidy) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
z-index hoch, dennoch grafik nicht ganz oben | bergg | CSS | 6 | 27.10.2010 17:02 |
3 spaltiges Layout die mitte vergrössern, wie? | plinius12 | (X)HTML | 18 | 10.02.2009 19:07 |
DIV immer ganze Breite - normal?!?!? | csski | CSS | 3 | 02.07.2008 13:20 |
joomla template entschlüsseln | nieselfriem | CSS | 2 | 18.03.2008 14:12 |
So langsam bekomme ich die Krise mit den DIVs | Thuroc | CSS | 12 | 12.11.2007 15:25 |