Headerfoto sprengt Layout in IE

mmanu

hey

ich arbeite an einer website und bekomme das im IE nicht hin. In safari/firefox funktioniert es problemlos. ich habe ein extra stylesheet für den IE und habe schon allerlei möglichkeiten probiert und frage euch schliesslich um rat.

Eine Layoutskizze ist angehängt.
in html habe ich

HTML

<html>
<div id="wrapper">
<div id="header"></div>


</div>
</html>

in CSS:

Code

body {[INDENT]background:yellow;[/INDENT]}


#wrapper {[INDENT]...[/INDENT][INDENT]width:600px;[/INDENT][INDENT]background:white;[/INDENT][INDENT]min-height:100%;[/INDENT]}


#header {
...[INDENT]background: url(...) no-repeat;[/INDENT][INDENT]left:-40px;[/INDENT]}

In safari klappt das wunderbar und der header schiebt sich links und rechts über die grenze von #wrapper. In IE geht dieses überlappen nur am linken rand, nach rechts wird der #wrapper rechts einfach gedehnt, so dass die rechte seite von #header noch vollständig im weiss von #wrapper ist.

ich muss im IE erzwingen, dass #wrapper nicht grösser als 600px gemacht wird und dass #header wirklich 'darüber' liegt, also links und rechts schön überlappen kann.

ich hoffe, das war einigermassen verständlich.
vielen dank und lg

wernerdeluxe

am besten ist immer, wenn man die seite mal hochläd und ein link dazu gibt oder den kompletten html und css code angibt

dann kann man dir eher helfen

gruß
lukas

mmanu

Ok, das ist der Link.
(Die Comic Sans MS war nicht meine Idee)

lg

synaptic

probier mal auf position relative zu verzichten
das hier alles weg:
left:-42px;
position:relative;
top:0;

und duch:
margin-left:-40px; (oder halt mit -42 px)

ersetzen
habs grad nur übern firefox getestet und es sah ungefähr gleich aus.. und ich vermute lediglich, dass es beim ie6 probs wegen des position:relative gibt...
kanns aber akut auch nicht testen...
im ie7 siehts genauso aus, wie im ie6....

und ich find comic is ne coole schriftart für lockere websites zum wohlfühlen

yeti66

Hmm, naja ich halte ja den Aufbau der Seite für grundlegend falsch. Deßhalb habe ich mal nur den Hintergrund neu Aufgebaut und den Quatsch mit dem CSS für den IE in die Tonne gekloppt. Das mit dem fixen footer ist immer sehr tricky. Darum habe ich dem footer keine Beachtung geschenkt. Unter dem header sollten anschließend 2Spalten per float erzeugt werden. Die lassen sich gut positionieren und dann hat man auch mit den Inhalten weniger Probleme. Alles für`s erste mal zur Ansicht.
Wie gesagt, mein Rat ...neuer sauberer Ansatz

yeti66

So, dann lege ich noch mal ne Schippe drauf.
Die Seite ist nacht XHTML strict reprogrammiert und getestet unter IE5.5/IE6/IE7/FF3.0 und Opera9.52.
Es gibt noch 2 Mängel:
1. die Transparenz des Adressfeldes unter IE5.5/IE6
2. der footer unter IE7
Die Probleme sind aber noch lösbar.

mmanu

danke!!:-) bin immer wieder positiv überrascht, wie hilfsbereit sich einige zeigen können !

Tags