zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Float und Margin Problem in Safari vs. Firefox

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 09.04.2007, 00:11
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.10.2005
Beiträge: 20
GeorgeDorn befindet sich auf einem aufstrebenden Ast
Standard 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');
}
ins Stylesheet schreiben. Dann ist der Abstand aber im Firefox viel zu groß.

Weiß jemand eine Lösung?

Viele Dank & viele Grüße,

GeorgeDorn
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 09.04.2007, 14:55
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.10.2005
Beiträge: 20
GeorgeDorn befindet sich auf einem aufstrebenden Ast
Standard 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');
}
So funktionierts:

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');
}
GeorgeDorn
Mit Zitat antworten
Sponsored Links
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
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


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:34 Uhr.