|
|||
Positionierungsproblem mit Safari.......
RETRAX hat mich darauf aufmerksam gemacht, dass bei meiner Seite die Subnavigation auf manchen Seiten runterrutscht. Ich verstehe dies nicht, da alles statisch untereinander positioniert ist. Vielleicht kann mir jemand helfen?
Hier die Grundkonstruktion der Seite: Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>grundseite2</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- body { background-color:#FFDEAD; text-align: center; } .center{ text-align: center; margin-left: auto; margin-right: auto; width: 780px; } /* Menues*/ #menu { background-color: #570505; height:26px; width:780px; } #submenu { background-color: #CC9933; height:22px; width:780px; } #grundrahmen1 { position: relative; text-align:left; margin:0px auto; border:7px solid #570505; width: 794px; voice-family: "\"}\""; /* Tanteks Hack */ voice-family:inherit; width:780px; } #dummy { /*dummy-Anweisung für den IE5, da der sonst die weiteren Angaben verschluckt*/ } #header { text-align:left; margin:0; padding:0; } #content { padding:15px 15px 5px 15px; height: 400px; display:table-cell; } html> body #content {min-height:400px;} //--> </style> </head> <body> <div class="center"> <div id="grundrahmen1"> <div id="header"><img headergrafik></div> <div id="menu"> Menü </div> <div id="submenu"> Submenü </div> <div id="content"> hier der Inhalt</p> </div> </div> </div> </body> </html> Hier noch ein Link: http://home.arcor.de/terrikay/test/safaritest2.html Aber: warum bitte springt die Subnavi hier nach unten auf den Boden des Grundrahmens im Safari Irgendwelche logischen Erklärungen? Das passiert nicht bei Variante zwei, bei der es in der Positionierung von menue und submenue keine Änderungen gibt - nur die Positionierung der nachfolgenden Container ist anders - #content fällt weg, dafür werden zwei Container für die Thumbnails und die Bilder absolut positioniert - sonst kein Unterschied! hier ein Link zum Vorstellen: http://home.arcor.de/terrikay/test/safaritest3.html Anscheinend hält ein nachfolgend absolut positionierter Container das Menü oben -> aber das kann's doch echt nicht sein, oder? |
Sponsored Links |
Sponsored Links |
|
||||
Hi,
Du hast für Body kein "color" und kein "font-family" definiert! Vielleicht "lebt" der nicht nur von vorgegebenen Standards, sondern möchte sie erwähnt haben!?
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." |
|
|||
Danke für Deine Hinweise, Thomas - werde gleich mal eine neue Testseite für RETRAX fertigmachen.
@ Dieter: in der Originalseite ist das alles definiert - habs hier nur zusammengestrichen auf das wesentliche. |
|
||||
Hätte ich mir bei Dir eigentlich denken müssen - aber das ist jetzt wieder einmal ein Beispiel für Sinn und Unsinn des "Verkürztwiedergebens"!?
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." |
|
|||
Das Problem lag aber eindeutig bei display:table-cell, und zwar unabhängig davon, ob es nun ein oder zwei äußere Container gibt.
Und nochwas: Safari interpretiert anscheinend die Angabe min-height nicht, wie wir festgestellt haben. Schreib ich hier mal so dazu, damit das kompakt in einem Tread bleibt. google hat dazu auch noch folgendes ausgespuckt: CSS Support in Safari - eine gute Übersicht, was Safari so alles kann und nicht kann. außerdem noch folgende Meldung: http://news.css-technik.de/index/P420/ RETRAX, Du solltest vielleicht mal updaten! |
|
|||
Zitat:
V1.2.3 (v125.9) evtl. hatte ich vorher noch eine alte version deiner seite im cache.... |
|
|||
Zitat:
Freu Dich drauf! |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS Befehl für alle Browser ausser Safari | sofian | CSS | 8 | 17.12.2010 15:02 |
Safari 3.1 Windows mit Develop Menu | laborix | Offtopic | 3 | 31.05.2008 20:46 |
Safari 2 und Objektvariablen | Kurtk | Javascript & Ajax | 0 | 12.11.2007 00:08 |
safari: hintergrundbild verdeckt text | andip | CSS | 2 | 21.03.2007 20:26 |
3 Column Float IE,FF,Opera hui, Safari, Konq. Pfui.... | dablake | CSS | 5 | 29.05.2005 19:43 |