Der IE spricht mal wieder kein CSS

[chrpun]

hallo.

wenn ihr zeit habt schaut euch bitte mal www.villagranlara.com an.
im IE gibts da einige schwierigkeiten, wärend der FF alles richtig macht:

- Seite erscheint nicht zentriert sondern links
- hintergrundbild wird nicht repeated.. (sondern nur einmal oben angezeigt

Danke für Tipps..

[mcmurphy]

css - code?

[Schnoop]

das mit dem Hintergrund liegt daran das du ein Element gefloated hast, und das Elternelement nicht, schätz ich mal.

Und wenn die Seite eh nicht breiter wird, wieso zentrierst du nicht den wrapper mit position:absolute; top:50%, left:50%; etc.?

[chrpun]

@mcmurphy: rechtsklick > sourcecode anzeigen ;-) sorry, nichts für ungut

@schnoop: also pagewrapper (der hat den bg) ist nicht gefloated. dadrin sind dann menu und content nebeneinander gefloated. dann kommt ein <br style:"clear:both" />, pagewrapper zu, footer rein. fertig. das mit dem zentrieren werde ich gleich mal probeiren...

EDIT:

---

mom.. das kann so nicht gehen.. mit left:50% fängt die linke seitenkante dann ja in der mitte desbrowserfensers an...

---

[jahlives]

und wie wäre es mit margin-left und margin-right auto ?

Gruss

tobi

[chrpun]

hab ne lösung gefunden:

ich hab einfach den footer mit in das wrap reingezogen und schon sieht alles wie geplant aus.

danke nochmal

[fashionizer]

Hallo zusammen,

zu allererst: ich bin auf diesem Gebiet ein newbie, bitte verzeiht die eventuelle Unkundigkeit von Begriffen etc. :-)

Habe das Problem, dass sich diese Seite hier
http://fashionizer.de/cmsms/
im FF wunderbar darstellen lässt, im IE sich jedoch der ganze Pagewrapper (?) unendlich nach rechts aufgeht...

Hat jemand zuuufällig ne Lösung parat?


Meine CSS:


/* SITE SPECIFIC LAYOUT */
body {
margin: 0;
padding: 1em;
text-align: center;
}
div#pagewrapper {
margin: 0 auto;
max-width: 840px;
min-width: 840px;
padding: 0;
text-align: left;
}
#container {
position: relative;
margin: 0;
}

/* HEADER */
div#header {
margin: 0;
padding: 0;
height: 80px;
background: #ffffff;
text-align: left;
}
div#header h1 a {
background: url(uploads/images/ks_logo_xl.gif) no-repeat 0 0px;
display: block;
height: 80px;
text-indent: -700em;
width: 840px;
margin: 0;
padding: 0;
text-decoration:none;
}

/* FOOTER */
div#footer {
}

div#footer p {
background: url(uploads/images/footer_gras_xl.jpg) no-repeat 0 0px;
font-size: 0.8em;
width: 840px;
height: 116px;
margin: 0;
padding: 0;
text-align: center;

}
/* END FOOTER */

/* END HEADER */

[Kropff]

eine lösung habe ich nicht, aber die ursache:

function P7_MinMaxW(a,b){
    var nw="auto",w=document.documentElement.clientWidth;
    if(w>=b){nw=b+"px";}if(w<=a){nw=a+"px";}return nw;
}
...
#pagewrapper {width:expression(P7_MinMaxW(720,950));} 

der übergebene wert ist zu groß, fragt sich nur was das soll oder es herkommt.

gruß
peter

[fashionizer]

Oha!

Hab den code gefunden, der dahinter steckt...

{literal} <script type="text/JavaScript">
<!--
//pass min and max -measured against window width
function P7_MinMaxW(a,b){
var nw="auto",w=document.documentElement.clientWidth;
if(w>=b){nw=b+"px";}if(w<=a){nw=a+"px";}return nw;
}
//-->
</script> <!--[if lte IE 6]>
<style type="text/css">
#pagewrapper {width:expression(P7_MinMaxW(720,950));}
#container {height: 1%;}
</style>
<![endif]--> {/literal}


Vielen Dank schonmal für deine superfixe Antwort

kannst du mir jetzt auch noch sagen was ich ändern muss, dass es mir die Page im IE nichtmehr auseinander reisst? ...da ich nicht wirklich viel Ahnung von scripten habe...

lg, patrick

[Kropff]

den müll herausschmeissen, da du ja eh schon diesen tinnef gemacht hast:

max-width: 840px;
min-width: 840px; 

wieso nicht einfach width??????

gruß
peter

[fashionizer]

Hallo Peter!

Vielen Dank - hab den Part

*** #pagewrapper {width:expression(P7_MinMaxW(720,950));} ***

in meine gewünschten Werte (840,840) geändert!

[Kropff]

ist aber der falsche weg!

div#pagewrapper 
{
   ...
   width: 840px;
   ...
} 

wäre der richtige. und den js-müll sollte entfernt werden

gruß
peter