IE zeigt Bild nicht richtig an

[DennisJ]

Hallo,

ich hab ein Problem was für viele von euch wahrscheinlich ein Klaks ist,
ich habe aber im Internet trotz intensiver Suche nichts passendes gefunden.

wird diese Seite http://mixedup.mi.ohost.de/index.php mit IE geöffnet wird das Bild im header total verzerrt angezeigt. Sobald man die Fenstergröße vom IE ändert, wird es dann richtig angezeigt.
Mit FF habe ich diese Probleme nicht. Der Header wird per <?php include> in die Seite eingefügt

index.php
<div id="header">
  <?php include("Seiten/navigation.php");?>
  <!-- end #header -->
</div>

Seiten/navigation.php
<a href="http://mixedup.mi.ohost.de/index.php"><img src="http://www.mixed-up.net/bilder/stars.jpg"
width="100%" height="30%" alt="" /></a>
<ul id="navibereich">
   <li><a href="http://mixedup.mi.ohost.de/index.php">Home</a></li>
<li><a href="http://mixedup.mi.ohost.de/musiker.php">Die Band</a></li>
<li><a href="http://mixedup.mi.ohost.de/musik.php">Musik</a></li>
<li><a href="http://mixedup.mi.ohost.de/kontakt.php">Booking & Kontakt</a></li>
</ul>
<br class="clearfloat" />

CSS
.twoColLiqLtHdr #header {
background: #000066;
padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
text-align:center;
border-color: #FFF;
border:3px;
border-style:solid
}

#navibereich li {
  display: inline; /* Listenelemente nebeneinander */
  list-style-type: none; /* Aufzählungszeichen entfernen */
  padding: 0px 10px 0 20px;
  font-size:160%;
}

#navibereich {
  background-color: ; /* Hintergrundfarbe für Navigationsleiste*/
  padding: 0px 0px; /* Innenabstand: oben/unten 0px, li/re 0 */
  margin: ; /* Keinen Außenabstand */
}

#navibereich a {
color: #FFF;
font-size:;
font-weight: bold;
}

Im voraus schonmal viiieeeelen Dank für eure Hilfe.

beste Grüsse
Dennis

[Joachim]

Hi,

wird diese Seite http://mixedup.mi.ohost.de/index.php mit IE geöffnet wird das Bild im header total verzerrt angezeigt.

auf welche Weite soll sich die Angabe #container {width:90%} beziehen, wenn Du für das Elternelement body keine diesbezüglichen Angaben vornimmst?

Gruesse, Joachim

[DennisJ]

Hi Joachim,

Danke ersteinmal vielen Dank für Deine Antwort.
Das ganze war eine Dreamweaver Vorlage Ich habe diese Angabe nur von 80% auf 90% geändert. Lt. Dreamweaver sorgt diese Angabe für einen Container mit 90% der Browserbreite.

beste Grüsse
Dennis

Hi,

»» wird diese Seite http://mixedup.mi.ohost.de/index.php mit IE geöffnet wird das Bild im header total verzerrt angezeigt.
auf welche Weite soll sich die Angabe #container {width:90%} beziehen, wenn Du für das Elternelement body keine diesbezüglichen Angaben vornimmst?

Gruesse, Joachim

[bleicher]

Grüße,
|. Lt. Dreamweaver sorgt diese Angabe für einen Container

tz - seit dreamveawer angefangen hat ex cathedra zu sprechen wirds nur noch schlimmer.all diese wysywig-anbeter, die kein kentnisse vom "heiligen buch des SELF" haben, und nur den predigern des "1-2-3-scheiss"-baukastens lauschen.
traurig.

MFG
bleicher

[DennisJ]

Überaus hilfreich Deine Antwort!
Sorry aber das ist nunmal eine Seite die von Einsteigern frequentiert wird.
Wer weiß wie es geht besucht nicht dieses Forum, es sei den er möchte anderen gerne bei Ihren Problemen helfen!

GrussD
Dennis

Grüße,
|. Lt. Dreamweaver sorgt diese Angabe für einen Container

tz - seit dreamveawer angefangen hat ex cathedra zu sprechen wirds nur noch schlimmer.all diese wysywig-anbeter, die kein kentnisse vom "heiligen buch des SELF" haben, und nur den predigern des "1-2-3-scheiss"-baukastens lauschen.
traurig.

MFG
bleicher

[bleicher]

Grüße,

Wer weiß wie es geht besucht nicht dieses Forum, es sei den er möchte anderen gerne bei Ihren Problemen helfen!

srry^^ hinweis der form - "es wäre sinvoller jegliche wysywigler sofort zu deinstallieren und html zu lernen"
aber das klänge änlich wie "wasser ist nass" - ich konnte mir aber weder den kommentar verkneifen noch wollte ich banal werden - dabie entstehen solche sachen^^

mal ehrlich - natriumglutamat und wysiwyg-editoren sind böööse!
bringen änlich viel wie NFS beim versuch autofahren zu lernen.
MFG
bleicher

[Joachim]

Hi,

Das ganze war eine Dreamweaver Vorlage

Nunja...

Ich habe diese Angabe nur von 80% auf 90% geändert. Lt. Dreamweaver sorgt diese Angabe für einen Container mit 90% der Browserbreite.

Nicht zuverlässig, wenn das Elternelement - also body - nicht auch eine Grössenangabe enthält - denn auf was sollten die 90% sich sonst beziehen?

Teste mal:
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

ggf in conditionals für ie6.

Gruesse, Joachim

[DennisJ]

Problem gelöst!

Das Bild wurde in der richtigen breite angezeigt. Es hing Damit zusammen das ich die Höhenangabe auch in % gemacht hatte!

Vielen Dank!