|
|||
Float und Margin Problem in Safari vs. Firefox
Hallo!
Weiß jemand, wieso die folgende Seite: http://www.philippdittrich.de/aufmdeich im Firefox korrekt mit 4 im 2x2 Muster angeordneten blauen Quadraten dargestellt wird und im Safari die zwei rechten Quadrate hinter die anderen rutschen? Firefox: Safari: Für die korrekte Darstellung im Safari muss ich für Code:
#menu ul li#box2 { margin: 0 0 1px 140px; background: url('../square.jpg'); } Weiß jemand eine Lösung? Viele Dank & viele Grüße, GeorgeDorn |
Sponsored Links |
|
|||
Selbst gelöst ;-)
Folgende Lösung:
Vorher: Code:
#menu ul li#box1 { margin: 0 0 1px 0; float: left; background: url('../square.jpg'); } #menu ul li#box2 { margin: 0 0 1px 1px; background: url('../square.jpg'); } #menu ul li#box3 { margin: 0 0 1px 0; float: left; background: url('../square.jpg'); } #menu ul li#box4 { margin: 0 0 1px 1px; background: url('../square.jpg'); } Code:
#menu ul li#box1 { margin: 0 0 1px 0; float: left; background: url('../square.jpg'); } #menu ul li#box2 { float: left; margin: 0 0 1px 1px; background: url('../square.jpg'); } #menu ul li#box3 { margin: 0 0 1px 0; float: left; background: url('../square.jpg'); } #menu ul li#box4 { float: left; margin: 0 0 1px 1px; background: url('../square.jpg'); } |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Problem mit overflow, Navigation verschoben... | buemplizer | CSS | 9 | 09.09.2009 10:43 |
3 spaltiges Layout die mitte vergrössern, wie? | plinius12 | (X)HTML | 18 | 10.02.2009 19:07 |
IE zeigt gewisse Texte nicht an | zitronenbaum | CSS | 2 | 16.01.2008 16:25 |
Problem mit Firefox: erzeugt ungewollten Abstand (margin oder padding) | braindead | CSS | 6 | 07.09.2006 21:34 |
Firefox zickt | floody | CSS | 5 | 25.02.2006 17:16 |