Leren Slicen | Les 1 - Het begin

Als ik base dan gebruik ik maak ik me bestand in een PHP exentie.
Dat vind ik veel handiger werken.

Even een vraagje: Als ik deze code gebruik:
.basis{
width:750px;
margin-left:auto;
margin-right:auto;
}
centreert ie niet.

Klopt dat of ligt dat aan mijn browser?

margin: 0 auto;

Weer een vraagje.
Ik heb problemen met de padding.
In IE doet ie het wel goed, zonder de breedte te wijzigen, maar in FF is ie weer te breed.
Ik heb padding-right geprobeerd maar dat lukt ook niet.

Iemand een oplossing?

Of kan iemand mij uitleggen hoe je 2 contentvakken doet, in plaats van eentje? Maar dat het wel één geheel blijft.

Ik heb het al geprobeerd maar dat faalde in IE.

als je padding gebruikt moet je zorgen dat je ook margin gebruikt en zet die gewoon op 0;

2 contentvakken

<div id="content">
  <div id="left">tekst tekst</div><div id="right">tekst tekst</div>
</div>

#left en #right geef je dan een float: left; mee in je css

Het probleem met de padding is opgelost, alleen lukthet nog steeds niet mer de 2 contentvakken.

In FF doet ie het goed, behalve dat het vak niet meerekt.
In IE blijft ie bij wijze van onder #left staan, en niet ernaast, maar hij rekt wel mee.

Sorry dat ik zo irritant ben, dit is pas de eerste keer dat ik fatsoenlijk [probeer te] slice[n].

Hier printscreens ter verduidelijking
http://img691.imageshack.us/img691/5926/70335654.png > FF
http://img214.imageshack.us/img214/9208/80724458.png > IE

je bent niet irritant maar kun je ff het stukje css en html plaatsen dan kan ik precies zien wat je gedaan heb.

<div id="content">
 <div id="left">Links</div><div id="right">Rechts</div>
</div>

 <div class="contento"></div>
</div>

.contentb{
    background-image:url(header2.png);
    height:260px;
    width:750px;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
}

#content{
    background-image:url(content2.png);
    height:466px;
    width:750px;
    margin-left:0 px;
    margin-right:0 px;

}

.contento{
    background-image:url(footer.png);
    height:37px;
    width:750px;
    margin-left: px;
    margin-right:auto;
    margin-bottom:10px;
} 

#left{
    width:190px;
    margin-left:17px;
    margin-top:0px;
    float:left;
}

#right{
    width:550px;
    margin-left:200px;
    margin-top:0px;

}

#content{
    background-image:url(content2.png);
    overflow:hidden;
    width:750px;
    margin-left:0 px;
    margin-right:0 px;

}

#left{
    width:190px;
    margin-left:17px;
    margin-top:0px;
    float:left;
}

#right{
    width:550px;
    margin-left:10px;
    margin-top:0px;
    float:left;
}

[/quote]

je #content geen height meegeven maar overflow: hidden;
#right ook float:left; meegeven en de margin-left heb ik op 10 px gezet, je moet rekenen vanaf de rechterkant van het vak #left en niet vanaf het begin van je layout.

Ok dan
En bedankt, want nu is ie wel gelukt
Super