zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Firefox: float / margin Problem

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 12.01.2007, 13:20
Benutzerbild von kadees
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 22.06.2004
Ort: in Baden (nicht Schwaben)
Beiträge: 792
kadees wird schon bald berühmt werden
Standard Firefox: float / margin Problem

Hallo allerseits,
habe ein Problem mit der Positionierung einer Tabelle, aber nur im FF!

Das Problem ist, dass die Tabelle, wenn sie neben dem (gefloateten) Submenue steht nach rechts rutscht - und zwar genau um die margin-Angabe:
Code:
#submenue{
   	margin: 25px 0 0 10px;
	float: left;
	width: 126px;
}
...
#content table {
	padding: 15px 15px 15px 0;
	margin-left: 150px;
	color: #000066;
	background-color: transparent;
}
Eigentlich sollte sich das margin-left am linken Rand des content-Containers ausrichten, Opera und IE tun das auch, nur der FF macht Zicken.
Firefox Bug?
Sobald genug anderer Inhalt über der Tabelle ist stimmts wieder.
Firefox ohne Bug
Ist euch das schon mal untergekommen?
Weis wer ne Lösung?
__________________
Gruss Dieter

Vegetarier essen meinem Essen das Essen weg.
Und unsere Norweger sind reine Karnivoren.

selfhtml | css4you | jendryschik | styleworks | Webdesign mit XHTML und CSS
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 12.01.2007, 13:47
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.925
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

Der Firefox machts auch richtig, Stichwort collapsing margins
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris Bojic
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 12.01.2007, 15:31
Benutzerbild von kadees
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 22.06.2004
Ort: in Baden (nicht Schwaben)
Beiträge: 792
kadees wird schon bald berühmt werden
Standard

Ich raffs im Moment nicht:
Zitat:
Es ist auch darauf zu achten, dass in CSS 2.1 nur vertikale Abstände (im normalen Dokumentfluss) zusammenbrechen (für gefloatete oder absolut positionierte Elemente gibt es keine zusammenfallenden Abstände).
Quelle: Block vs. Inline: Teil 2, Block-Boxen - Markup Journal
Zitat:
In CSS2 kann es nicht vorkommen, dass horizontale Ränder zusammenfallen.
Quelle: Cascading Style Sheets, Level 2 - 8 Das Box-Modell

Edit:
Habs jetzt vorerst anders gelöst: habe <table> durch <dl> ersetzt
__________________
Gruss Dieter

Vegetarier essen meinem Essen das Essen weg.
Und unsere Norweger sind reine Karnivoren.

selfhtml | css4you | jendryschik | styleworks | Webdesign mit XHTML und CSS

Geändert von kadees (12.01.2007 um 16:03 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 13.01.2007, 16:12
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Das table-Element schafft einen eigenen Block Formatting Context.
Die Darstellung im FF ist also korrekt.

Fass den Inhaltsbereich *ohne* Subnavigation mit einem Element zusammen und gib diesem den margin.
Deine Orgie an margin-Zuweisungen für jedes einzelne Element ist ... wenig sinnvoll.
Mit Zitat antworten
  #5 (permalink)  
Alt 14.01.2007, 14:23
Benutzerbild von kadees
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 22.06.2004
Ort: in Baden (nicht Schwaben)
Beiträge: 792
kadees wird schon bald berühmt werden
Standard

Zitat:
Block Formatting Context
Da muss man erst mal drauf kommen, Danke für den Link!
Zitat:
Fass den Inhaltsbereich *ohne* Subnavigation mit einem Element zusammen
Werds probieren!
__________________
Gruss Dieter

Vegetarier essen meinem Essen das Essen weg.
Und unsere Norweger sind reine Karnivoren.

selfhtml | css4you | jendryschik | styleworks | Webdesign mit XHTML und CSS
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
Linkverhalten im IE6 ChOpSueY! CSS 19 19.05.2008 23:48
CSS-Problem mit Joomla-Template und Firefox gismojs CSS 5 21.04.2008 13:45
Spaltenlayout Bilbo CSS 40 14.04.2008 16:45
position:fixed löscht background-color des Container alivecc CSS 9 25.10.2007 14:25
Problem mit Positionierung Synoxis CSS 1 23.04.2007 11:49


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:07 Uhr.