Bild lässt sich nicht skalieren!

[ein Ivan ^-^]

Habe diesen htmlcode geschrieben:

<div id="head">
<div id="logo">
<img src="../img/logo.png" width="100%" alt="Bereich" />
</div>
</div>

und das in den stylesheet:

#head {
  width: 100%;
  height: 15em;
  position: relative;
  background-color: #FA5858;
}

  #logo {
  width: 14em;
  position: relative;
  background-color: black;
  height: 14em;
  }

Doch das bild ist, egal was ich skaliere und wie ich es versuche, immer auf 100%

 

[thecain]

width="100%"

steht ja da auch so...


Was soll sein und was ist im moment? Ich verstehe nicht was du willst

 

[Banana_Jones]

Vielleicht liegt hier einfach ein Denkfehler vor: width: 100% bedeutet 100% der Breite des Elternelementes, nicht 100% Breite des Bildes.

 

[ein Ivan ^-^]

Das weise logo soll in dem schwarzen div container sein, wo es nicht ist!

 

[scbawik]

gib dem schwarzen "position:relative"

Edit: Achso hast du ja schon...

 

[ein Ivan ^-^]

Vielleicht liegt hier einfach ein Denkfehler vor: width: 100% bedeutet 100% der Breite des Elternelementes, nicht 100% Breite des Bildes.

leider lässt sich das bild, egal wie ich es skaliere, es bleibt auf der größe wie es jetzt ist!

 

[scbawik]

Wenn man lesen könnte, könnte man aus dem oben angegebenen code entnehmen das derzeit alle container auf "relative" positioniert sind!!

Hey du Rektalgeburt, musst nicht den Beitrag löschen ;)

 

[threadi]

Bitte ohne solche Kraftausdrücke .. danke.