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