Tooltip CSS Höhe geht nicht? o.O

  • Also das ist mir schon fast peinlich, aber mal mein Problem:

    http://beta.white-tiger.ch/?src=kontakt

    Wenn man über das Icon fährt, öffnet sich ein Tooltip Dingens.
    Das geht auch bei den Icons in der Navi ganz unten.
    Da funktionierts auch tiptop.

    Aber irgendwie geht das nicht mehr, bei den grossen Icons beim Link oben.
    Ich hab echt schon alles probiert, aber die Höhe passt sich irgendwie nicht mehr dem Inhalt an.
    Eine fixe Höhe will ich nicht vergeben.

    Danke für jede Hilfe.

    ps: Firebug hat mir nicht geholfen, bin wirklich mal ratlos. :shock:

  • Na das ist es doch.
    Ich hab keine Höhe definiert, weil ich das nicht will.
    Normalerweise passt sich die Höhe eines Block-Elementes (oder eines Inline-Elementes, mit display: block) automatisch an den Inhalt an.

    Das geht auch sonst, nur genau in diesem einen Falle nicht.

    Das CSS ist valid, xHTML auch.
    Ein height: auto nützt nichts und auch eine feste Höhe bringt mir nicht das gewünschte.
    Darum hab ichs nicht drin.

  • also irgendwie haste da toteln schmu gebaut mit der tooltip-box..
    bei position:absolute fürs span is die height im eimer, bei position:relative zerschiesste dir des layout, aber die height kommt mit...

    ich würd ma sagen du schaust dir nochma des beispiel von sejumas page an ;)

  • Ja, aber warum funktioniert denn die Höhe bei den kleinen Social Network Icons?
    Da ist das Prinzip genau gleich.

    Ach bin ich ein Idiot, ich habs rausgefunden.
    Es lag bloss an dem "bottom: **px" beim span.
    Jetzt funktionierts wieder ganz wies soll.

  • PROBLEM GELÖST!
    Ich glaub heute werd ich kollektiv von HTML geärgert, hab einfach vergessen einige Listenelemente zu schliessen -.-
    Aber okay, habs korrigiert (zumindest lokal bei mir).

    *shame*, dass mir das nicht schon vorher aufgefallen ist 8|

    Um nicht nochmal nen Thread zu eröffnen, noch ein zweites idiotisches Problem:

    HTML
    <ul class="extern">     <li><a href="http://www.julianwachholz.ch/">Julian Wachholz</a></li>    <li><a href="http://www.zoki.white-tiger.ch/">Rebecca Sturzenegger</a></li>    <li><a href="http://www.kawaii.ch/">Tobias Marty</a> or <a href="http://www.hofoa.ch/">his other website</a></li>    <li><a href="http://claudio.goetz.sg/">Claudio Götz</a>    <li><a href="http://www.rm.white-tiger.ch/">Lukas Lehner</a>    <li><a href="http://mamuzic.bplaced.net/">Igor Mamuzic</a></li>    <li><a href="http://jonashubmann.bplaced.net/">Jonas Hubmann</a></li>    <li><a href="http://gilliand.bplaced.net/">Antoine Gilliand</a></li>    <li><a href="http://shadowrockz.ch/OnlineKurs/">Silas Gotsch</a></li>    <li>Unfortunately, not all of my friends does have a website. ;)</li></ul>

    Zu finden unter: http://beta.white-tiger.ch/?src=links

    Warum zum Teufel ist diese Liste invalid laut Validator?? 
    Link zum Validator: http://validator.w3.org/check?uri=http…r.ch/?src=links

    Hab auch schon wieder per Firebug geprüft, Code dreissig mal angeguckt aber selbst Kollegen wissen keine Antwort drauf. 
    Es ist einfach mit 15 Fehler invalide, keine Ahnung warum.

    Hoffe, jemand entdeckt den Fehler.

    3 Mal editiert, zuletzt von Thonixx (12. März 2010 um 14:49)