zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Positionierungsproblem mit Safari.......

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 12.08.2004, 13:47
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 24.05.2004
Beiträge: 1.176
terrikay befindet sich auf einem aufstrebenden Ast
Standard 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>
Gut - um einen Container läßt sich das noch kürzen (center und Grundrahmen ist doppelt gemoppelt) und schimpft nicht wegen der Überbreite für 800er Auflösung und so - wird beim Relaunch alles besser!
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?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 12.08.2004, 14:44
Benutzerbild von toscho
Perplexifikator
XHTMLforum-Kenner
 
Registriert seit: 22.05.2004
Ort: Halle/Saale
Beiträge: 1.565
toscho sorgt für eine eindrucksvolle Atmosphäretoscho sorgt für eine eindrucksvolle Atmosphäre
Standard

Ich vermute den Auslöser beim »display:table-cell«.
Eigentlich werden um Container mit diesem Display-Wert anonyme Tabellenelemente gebildet, die <tr> und <table> emulieren. Vielleicht benutzt Safari dazu aber diesen — imho überflüssigen — Container ».center« dazu, dieses nachzubilden und wirft die Navigation, da sie mit ihrem Display-Wert nicht in das Schema paßt, nach hinten.
Das kannst du mit einer echten Tabelle nachvollziehen, in der an unpassender Stelle (als Kind von <tr> z.B.) ein Blockelement auftaucht.
Also wirf das »table-cell« raus.

Und entferne auch gleich das »//« in der Styleanweisung, das ist ungültig.

Gruß
Thomas
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 12.08.2004, 14:48
Benutzerbild von Dieter
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 12.09.2003
Beiträge: 3.635
Dieter sorgt für eine eindrucksvolle AtmosphäreDieter sorgt für eine eindrucksvolle Atmosphäre
Standard

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."
Mit Zitat antworten
  #4 (permalink)  
Alt 12.08.2004, 14:51
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 24.05.2004
Beiträge: 1.176
terrikay befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
  #5 (permalink)  
Alt 12.08.2004, 14:59
Benutzerbild von Dieter
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 12.09.2003
Beiträge: 3.635
Dieter sorgt für eine eindrucksvolle AtmosphäreDieter sorgt für eine eindrucksvolle Atmosphäre
Standard

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."
Mit Zitat antworten
  #6 (permalink)  
Alt 12.08.2004, 16:18
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 24.05.2004
Beiträge: 1.176
terrikay befindet sich auf einem aufstrebenden Ast
Standard

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!
Mit Zitat antworten
  #7 (permalink)  
Alt 12.08.2004, 16:30
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 27.07.2004
Beiträge: 213
Retrax befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von terrikay
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!
Hab die aktuellste Safari am laufen

V1.2.3 (v125.9)

evtl. hatte ich vorher noch eine alte version deiner seite im cache....
Mit Zitat antworten
  #8 (permalink)  
Alt 12.08.2004, 18:39
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 24.05.2004
Beiträge: 1.176
terrikay befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von RETRAX
evtl. hatte ich vorher noch eine alte version deiner seite im cache....
Nee, daran kann's nicht liegen. Aber dann wird das sicher in der nächsten Version drin sein.
Freu Dich drauf!
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
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


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:40 Uhr.