Autor |
Nachricht |
mcbethy
Threadersteller
Dabei seit: 02.12.2002
Ort: Hamburg
Alter: 41
Geschlecht:
|
Verfasst Mi 16.02.2005 16:19
Titel [Hilfe] "CSS-Popup": Bug im Safari. |
|
|
Moin an alle.
Ich verzweifle gerade an einem ziemlichen hässlichen Bug im Safari.
Link
Im Firefox 1.0, IE 5.5 und IE 6 für Win funktioniert es einwandtfrei. Doch der Safari zerreißt die Seite extrem auseinander und zeigt Inhalte, die verborgen bleiben sollen solange man nicht über das Bild fährt.
Sieht vielleicht jemand den Fehler? Oder lässt sich der Bug für den Safari irgendwie fixen?
Ich blick da echt nicht mehr durch und morgen soll die Seite fertig sein.
Hier mal der CSS-Teil:
Code: |
.eipos{
position:absolute;
}
.eipos ul{
margin:0;
padding:0;
list-style-type:none;
}
.eipos ul li{
height:181px;
}
.eipos ul li a{
margin-top:40px;
margin-left:7px;
padding:0;
display:block;
}
.eipos ul li a#ei1{
width:223px; height:181px;
background:url(../images/vorurteile/ei1.gif) no-repeat;
}
.eipos ul li a#ei3{
width:223px; height:181px;
background:url(../images/vorurteile/ei3.gif) no-repeat;
}
.eipos ul li a#ei2{
width:223px; height:181px;
background:url(../images/vorurteile/ei2.gif) no-repeat;
}
.eipos ul li a#ei4{
width:223px; height:181px;
background:url(../images/vorurteile/ei4.gif) no-repeat;
}
/*CSS Popup für die Vorurteile*/
.vorurteile ul a span{
display:none;
text-decoration:none;
}
.vorurteile ul a.iefixen:hover{
border:0;
}
.vorurteile ul a:hover span{
display:block;
position:absolute;
top:40px;
padding:5px;
padding-top:40px;
z-index:1000;
text-decoration:none;
font-family:verdana, arial, helvetica, sans serif;
font-size:11px;
font-weight:normal;
}
.vorurteile ul a:hover span#sprechblase1{
width:223px;
height:181px;
background:url(../images/vorurteile/sprechblase1.gif) no-repeat;
}
.vorurteile ul a:hover span#sprechblase3{
width:223px;
height:181px;
background:url(../images/vorurteile/sprechblase3.gif) no-repeat;
}
.vorurteile ul a:hover span#sprechblase2{
width:223px;
height:181px;
background:url(../images/vorurteile/sprechblase2.gif) no-repeat;
}
.vorurteile ul a:hover span#sprechblase4{
width:223px;
height:181px;
background:url(../images/vorurteile/sprechblase4.gif) no-repeat;
} |
Oder kennt jemand eine elegantere Lösung für ein "CSS-Popup"?
Ich bin - wie immer - dankbar für jede Hilfe.
|
|
|
|
|
beeviZ
Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht:
|
|
|
|
|
Anzeige
|
|
|
mcbethy
Threadersteller
Dabei seit: 02.12.2002
Ort: Hamburg
Alter: 41
Geschlecht:
|
Verfasst Mi 16.02.2005 16:42
Titel
|
|
|
Was genau stimmt denn mit dem HTML nicht?
Die blöden Einrückungen macht Dreamweaver. Und ich hatte keine Lust, das mal anzupacken.
Ich hätte die Seiten lieber im Text-Editor machen sollen...
Aber egal, das ist nur eine Testseite. Auf der sind nicht alle Inhalte der eigentlichen Homepage. Deswegen sind da ein paar div-tags zu viel, die auf der richtigen Seite aber nötig sind.
Danke für die Links. Der erste sieht recht vielversprechend aus. Wobei ich sagen muss, dass mein CSS auf so einem Beispiel basiert...
|
|
|
|
|
beeviZ
Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 16.02.2005 16:50
Titel
|
|
|
oh sorry. mein hirn is so matsche heute ich hab nich gesehen das du nen link gepostet hattest.
nimm mal statt des spans n div. also <span id="sprechblase1"> durch <div id...> ersetzen. glaub nich das das daran liegt, aber man kann nie wissen. du benutzt hier auf jeden fall n blockelement(h1) in nem inlineelement(span) was in xhtml verboten ist. könnt sein das es daran liegt, wobei, wer weiß.
ansonsten sieht alles so aufm ersten blick relativ richtig aus. verstehs auch nich da mozilla und safari ja beide auf gecko engine aufsetzen...
und schmeiß mal die font tags raus. die sind ekelig.
|
|
|
|
|
mcbethy
Threadersteller
Dabei seit: 02.12.2002
Ort: Hamburg
Alter: 41
Geschlecht:
|
Verfasst Mi 16.02.2005 17:07
Titel
|
|
|
Leider liegt es nicht an den spans und das Weglassen von <h1></h1> ändert auch nichts am Ergebnis. Safari kann und will es nicht korrekt darstellen.
Die font-tags sind nur vorläufig drin, um die Grafik hier im Hause glücklich zu machen.
Ich kann keinen span innerhalb eines spans einbinden. Muss ich mir noch mal was anderes überlegen, um auf font-tags zu verzichten.
Das nervt mich alles schon etwas. Finde ich heute keine Lösung dafür, scheiß ich auf den Safari, solange wie der Kunde nicht etwas anderes sagt.
|
|
|
|
|
chrikle
Dabei seit: 02.05.2002
Ort: NRW
Alter: 47
Geschlecht:
|
Verfasst Mi 16.02.2005 20:56
Titel
|
|
|
Kannste mal einen Screenshot ausm Safari zeigen?
hab gerade keinen Mac zur Hand um zu sehen, was im Safari passiert.
Gruß
Chris
|
|
|
|
|
chrikle
Dabei seit: 02.05.2002
Ort: NRW
Alter: 47
Geschlecht:
|
Verfasst Mi 16.02.2005 21:04
Titel
|
|
|
Was mir als erstes in deinem Quellcode ins Auge fiel ist das:
Ds ist glaube ich falsch. <br /> kann man so schließen.
Aber laut XML muß ein <p>-Tag "richtig" geschloßen werden (</p>)
Kann sein, das Safari deshalb schon rummuckt.
Gruß
Chris
Zuletzt bearbeitet von chrikle am Mi 16.02.2005 21:04, insgesamt 1-mal bearbeitet
|
|
|
|
|
Account gelöscht
Ort: -
Alter: -
|
Verfasst Mi 16.02.2005 23:22
Titel
|
|
|
ist doch latte, xml kennt da keinen unterschied.
<p></p>
ist dasselbe wie <p />
der browser ist halt kacke.
|
|
|
|
|
|
|
|
Ähnliche Themen |
flash / Popup aus Popup?
Fenster öffnet Popup / Link im Popup öffnet Seite in Fenster
popup
PopUp?
js im body mit popup
dreamweaver -> popup?
|
|