hallo zusammen,

mein derzeitges projekt befindet sich im endsport und ist bereits online...

...nun bin ich auf fehlersuche - und hab mal folgende screenshots erstellt...

-> am besten läufts mit IE 7, Safari & Opera - FF macht nur die abstände der buttons oben etwas zu klein - aber damit kann ich leben...

http://gjw.homeunix.net/neu/galerie/scr/IE_Win-7.05.jpg
http://gjw.homeunix.net/neu/galerie/scr/Opera-9.1.jpg
http://gjw.homeunix.net/neu/galerie/scr/FireFox-2.jpg
http://gjw.homeunix.net/neu/galerie/scr/Safari-1.31.jpg

-> ein viel größeres problem hab ich mit dem "alten" Mac-IE - der scheint das float der <li>'s nicht so ganz zu verstehen und somit sind die buttons untereinander - aber seht selbst:

http://gjw.homeunix.net/neu/galerie/scr/IE_Mac-5.23.jpg

nun bitt ich euch mal zu schaun, wie die geschichte mit anderen browser-versionen ausschaut - wobei mir wichtig ist, dass die ausrichtung von navi & logo zueinander stimmt - in diesem screenshot eingezeichnet:

http://gjw.homeunix.net/neu/galerie/scr/block.JPG

...denn bis vor kurzem hatte ich beim IE 6 das problem, dass die vertikale navigation um gut 20px nach innen verschoben war - ich hoffe das problem in den griff bekommen zu haben - kann es aber leider nur anhand von screenshot-services und nicht in echt testen...

danke
lg
plat

PS: sonstige verbesserungsvorschläge sind natürlich auch herzlich willkommen

hallo,

beim testen ist mir ein neues problem aufgefallen - die seite ist darauf aufgebaut auch bei 800*600 zu arbeiten...

...das funktioniert beim IE7 ohne probleme - jedoch musste ich gerade feststellen, dass opera und firefox bei 800*600 anderer meinung sind und den content-bereich nach unten rücken...

versteh ich nicht ganz - margin ganz links = 4% also max 32px, margin zw. navi & content =6% also max 48px

032px margin
150px navi
048px margin
520px content
=750px -> warum geht sich das also nicht aus???

Für IE braucht der Hauptbereich #mother eine explizite Breite. width: 100% geht nicht ohne horizontale Scrollbar wegen der 4% von padding-left. Deshalb würde ich das padding ganz rausnehmen und dafür die Breite auf 96% setzen und das Ganze mit margin ausrichten. Mittig wäre margin: auto. Soll der Abstand von 4% am linken Rand bleiben, dann margin: 0 0 0 auto;

Nächstes Problem ist die topnavi. Wenn du border: 1px solid red zufügst, siehst du, dass sich der Container nicht aufspannt. Da nicht gecleart wird, steht in standardkonformen Browsern die linke Seitennavigation direkt hinter dem letzten tab der topnavi, was bei stärkerer Verkleinerung des Viewports ziemlich ungewollt aussieht.
Lösungsvorschläge: >> Punkt 2 der FAQ. Stichwort: clearing.

Für verstehende Browser würde ich noch dem Hauptcontainer eine Mindestbreite zuweisen.

Das Problem mit 4% padding-left lässt sich mit "max-width: 100%;" lösen. Zumindest geht das so mit Firefox/Mac.