CSS - Bug in Safari?

[sam15]

Hallo. Ich bastle ein dropDown Menu (jquery) mit <li>-tags. während in firefox und opera alles schön ausgerichtet ist macht mir safari und auch IE Probleme indem es das h3-Element tiefer platziert ich ich will. Ich poste hier gleich mal den html-code:

------------------------------

<div id="navToggle">
    <a href="{homepage}"><img src="#" alt="#"/></a>
<ul>
<li class="headlink">
    <h3><a href="#">{embed:my_location} >></a></h3>
    <ul>
    <li class="navi"><a href="/work/">work</a></li>
    <li class="navi"><a href="/background_information/">background information</a></li>
    <li class="navi"><a href="/cv/">curriculum vitae</a></li>
    <li class="navi"><a href="/agenda_articles/">agenda</a></li>
    <li class="navi"><a href="/contact/">contact</a></li>
    <li class="navi"><a href="/links/">links</a></li>
    </ul>
</li>
</ul>
</div>

------------------------------------------

Soweit sollte eigentlich alles ok sein. Der CSS code sieht folgendermassen aus:

h3    {
    /* display: inline; */
    text-indent: 5px; 
     padding: 5px 0 5px 0;
     font-size: 1.3em;
    }    

li.headlink ul { 
display: none; 
z-index: 1; background-image: url(/images/interface/bottom_dotted.jpg); list-style-type: none; 
}

Mit display: inline beim h3 tag kann ich etwas bewirken. dabei zerhackt es mir aber die padding und text-indent angaben.

ich habe keine ahnung woran das liegt. habe schon einiges ausprobiert. normalerweise macht mir safari keine probleme.

checkt doch mal die seite: Celine van den Boorn | Work

für inputs bin ich sehr dankbar.

 

[Sniperfan]

AW: CSS - Bug in Safari?

Du hast den title-Tag doppelt drin
und dann noch W3C CSS Validator results for http://www.celinevandenboorn.com/css/stil.css (CSS level 2.1)

 

[timmeythe1st]

AW: CSS - Bug in Safari?

es könnte an den standart style-angaben von safari liegen
wie ich sehe, wird im safari die h3-überschrift fett dargestellt und im firefox nicht
evtl. gibt es auch andere standarteinstellungen des safari, die stören..
ich normalisiere immer sämtliche stylesheetangaben, bevor ich mich an das stylen mit css mache

/* Normalisiert Margin, Padding*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blogquote, th, td {
    margin:0;
    padding:0;
}

/* Normalisiert font-size für Überschriften*/
h1, h2, h3, h4, h5, h6 {
    font-size:100%;
}

/* Entfernt list-sytle aus Listen */
ol, ul {
    list-style:none;
}

/* Normalisiert font-style und font-weight auf Normal */
adress, caption, cite, code, dfn, em, strong, th, var, h1, h2, h3, h4, h5, h6 {
    font-style:normal;
    font-weight:normal;
}

/* Enfernt list-style aus Listen */
table {
    border-collapse: collapse;
    border-spacing:0;
}

/* Entfernt border aus fieldset und img */
fieldset, img {
    border:0;
}

/* Richtet Text in caption und th Links aus */
caption, th {
    text-align:left;
}

/* Entfernt Anführungszeichen aus q */
q:before, q:after {
    content:'';
}

a, a:link, a:visited, a:focus, a:active {
    cursor:pointer;
    text-decoration:none;
    color:#000000;
    border:0;
    outline:0;
}

 

[sam15]

AW: CSS - Bug in Safari?

danke. die markup validation bin ich am bearbeiten. ich denke es lag an vordefinierten styles im safari. mit styles reset klappt es jetzt.

 

[Gackoo_duz]

AW: CSS - Bug in Safari?

Das kann man viel krzer machen, indem man den * Selektor benutzt

*
{
margin:0;
padding:0;
border:0;

usw...

}