firefox zerreißt tables in css-layout / links inaktiv

[taniki]

hallo,

die tables, die ich in das css-layout eingebunden, zerreissen das layout, egal ob ich die width mit 100% angebe oder mit absoluten pixeln.

außerdem funktionieren die links im div "navigation" nicht !

beides geht im IE ausnahmsweise problemlos.

Weiß jemand eine Lösung?

hier das stylesheet:

html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center}
p {margin:0 10px 10px 30px}
h2, h4{margin:30px 10px 10px 30px}
#header{height:195px;margin:0;padding-left:0px;background:#008487;color: #000000}
#container{text-align:left;margin:0 auto;width:700px;background:url('../bilder/wrap_long.gif') repeat-y;}
#content{float:right;width:575px;}
#content p.spec{line-height:1.4;}
#content a{color:#008487;text-decoration:none;}
#content a:hover{color:#000;}
#content a:active{color:#008487;}
#content table{margin:0px 0px 10px 30px}
#content table.norm{margin:0px 0px 10px 0px}
#navigation{float:left;width:125px;height:140px;margin: 0}
#navigation p{margin:0 0px 0px 10px}
#navigation a{color:#008487;text-decoration:none;}
#navigation a:hover{color:#000;}
#navigation a:active{color:#008487;}
#extra{float:left;clear:left;width:125px;}
#footer{clear:both;width:100%;background:#c00}
#footer p{padding:5px 10px; font: normal 10px Verdana; color:#fff;text-align:center}
#footer a{color:#fff;text-decoration:underline;}

----
zu testen: http://www.9kb.de/schule/
tables sind in header sowie im content bei "kontakt", "ausbildung -> bewerbung"

ich freue mich auf jeden hilfreichen tip! danke!

[havla]

also ich kann keinen Unterschied feststellen außer das im IE die Überschriften größer sind als im FF.
Dies kannst du aber ändern wenn du im css für den body eine Schriftgröße von 100.01% vergibst und dann deinen einzelnen IDs entsprechende Werte zuweist..
Auch die Links im navi div funktionieren.

[taniki]

hallo, das schlimmste zu fixen ist mir gelungen, aber er hüpft immer noch beim wechsel von den seiten, die tables enthalten (z.b. kontakt) und denen, die keine tables enthalten (z. b. index).
dieses phänomen erscheint, sobald ich auch nur testweise eine tabelle ins contentfeld eingebe, egal wie klein. m.e. muß mein css-file ein problem mit tabellen haben?

[havla]

Kannst du mal eventuell Screenshots machen und einzeichnen wo du Veränderungen siehst ich kann das leider immer noch nicht nachvollziehen.

[taniki]

hallo,
klar, screenshot ist hier: www.9kb.de/schule/screenshot.html

bei allen seiten, die irgendeine tabelle enthalten, springt das gesamte layout ca. 10 pixel nach links...

geht man auf eine ohne, hüpft es wieder zurück

[havla]

Ich seh auf deinem Screenshot nur das einmal ein Scrollbalken angezeigt wird und das andere mal nicht weil der content kürzer als die Seitenfläche des Browsers ist. Der IE blendet immer einen Scrollbalken ein ob er gebraucht wird oder nicht, er ist dann eben inaktiv. Der FF blendet einen nicht benötigten Scrollbalken immer aus. Dadurch verschiebt sich die Zentrierung der Seite natürlich. Darum schaut es so aus als ob der IE das richtig macht und der FF nicht.
Du kannst höchstens versuchen mit min-height die Seite immer so groß zu halten das auch im FF immer ein Scrollbalken vorhanden ist was aber praktisch eigentlich nicht durchführbar ist. (wer weis schon wie der User seinen Browser eingestellt hat.)