Claus: Image-Replacement IE und FF

SELF-Forum

Image-Replacement IE und FF

Claus
– Informationen zu den Bewertungsregeln

Hallo Miteinand,
ich habe da ein CSS-Problem. Im IE wird das Seitenbild, das gleichzeitig Home-Link ist, tadellos angezeigt, im Firefox nicht.
Warum?
Online-Demonstration  hier
Danke für jede Bedenkung!
Claus

P.S: Stu Nichols braucht dringend etwas mehr Geld. Was m. E. dieser CSS-Zauberer auch verdient hat. 500.000 Clicks hat seine Seite monatlich. Jeder CSS-Afficionado kennt sie. Könnte man da nicht mal eine Internet-Sammlung veranstalten und dieses Genie auf den Rest seiner Tage sorgenfrei machen?
Just thinking.
OK - das Problemchen:

HTML-Code //////////////////////////////////////////////
<div id="wrap">
<div id=head>
<a href="index.htm" id="logo"><span>www.eineInternetadresse.de</span></a>
<!-- head ends -->
  </div>

....Content ...

</div>_____________

CSS ////////////////////////////////////////////////
div#wrap {
 width: 845px;
 margin: 0 auto;
 padding 0;
 background-image: url(images/bg_wrap.jpg);
 background-repeat: repeat-y;
}

#logo {
 width:436px;
 height:44px;
 position:relative;
 top:20px;
 left:174px;
 background: transparent url(images/logo.jpg) no-repeat;
 z-index:5
}

#logo span {display: none;}
_________________________
Problem online hier

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Image-Replacement IE und FF

    wahsaga Homepage des Autors
    – Informationen zu den Bewertungsregeln

    hi,

    ich habe da ein CSS-Problem. Im IE wird das Seitenbild, das gleichzeitig Home-Link ist, tadellos angezeigt, im Firefox nicht.
    Warum?

    Weil width und height bei einem inline-Element wie A wirkungslos bleiben _müssen_.

    Nutze display, um den Link als block darstellen zu lassen.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Image-Replacement IE und FF

      Claus
      – Informationen zu den Bewertungsregeln

      Hallo & Danke für die schnelle und straighte Hilfe-
      Ihr seid Schatzis!
      Grüße, Claus

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  2. Image-Replacement IE und FF

    JXR
    – Informationen zu den Bewertungsregeln

    Zwei Sachen sind mir aufgefallen. Vielleicht liegt es ja daran dass die Fehlertolleranz des IE das ausbügelt?

    <div id="wrap">
    <div id=head>

    Ich würde beim 2. Div auch id="head" schreiben
    ;)

    #logo {
    (...)
     z-index:5
    }

    Ich würde nach z-Index:5 ein ; setzten.

    Vielleicht hilft das ja schon.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Image-Replacement IE und FF

      Jonathan
      – Informationen zu den Bewertungsregeln

      Hallo,

      Ich würde beim 2. Div auch id="head" schreiben

      Ich würde nach z-Index:5 ein ; setzten.

      Ist zwar beides u.U. sinnvoll, aber im Grunde nicht nötig.

      Jonathan

      --
      Selfcode: ie:( fl:{ br:> va:) ls:& fo:) rl:? ss:} de:> js:| ch:? mo:} zu:)
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln