Perfect in Firefox, IE laat het afweten..

Beste OMT'ers,

Ik ben weer eens bezig met het maken van een klein websitetje. Voor het eerst begonnen met css en verschillende div’jes en het resultaat valt niet eens tegen. Ga ik echter bij vrienden mijn website in IE7 etc. openen, is heel de layout anders. De pagina hoort gecentreerd te staan. En voor de css experts, heb ik de goede positie commandos gegeven? (absolute, float etc.)?

Zo moet ie eruit zien:
[img:bdfe8dfe36]http://www.uthek.nl/under2/goed.png[/img:bdfe8dfe36]

Voor een kijkje in de css en html:
http://www.uthek.nl/under2/mijn.css
http://www.uthek.nl/under2/

Als er iemand een paar tips heeft, graag!

Alvast bedankt!

[code:1:4c58060ea8]body { margin: 0; padding: 0; font-size: 11px; font-family: verdana, arial, helvetica, sans-serif; line-height: 16px; color: #000; background: #99FF66; }

#main_container{
margin: 10px auto; /* vroeger margin: 0 auto 0 auto; */
width: 810px;
}

div#head{
background-color: black;
width: 100%;
height: 25px;
}

div#colprim{
background-color: #fff;
width: 515px;
float: left;
}

div#colsec{
background-color: #888888;
width: 285px;
margin: 0 0 0 10px; /* van linker kant */
float: left;
}

div#colthr{
background-color: #0033CC;
float: left;
}

/* Lettertypesssss */

.bericht{
text-align: justify;
font-size: 11px;
font-family: verdana, arial, helvetica, sans-serif;
padding: 5px 10px 5px 10px; /* boven rechts onder links */
}

[/code:1:4c58060ea8]

Hij doet het wel op IE7 maar 6 weet ik niet zeker misschien moet je even naar http://ipinfo.info/netrenderer/ kijken.

Deze regel toevoegen in je css.

[code:1:5c5a961462]#main {
width: 100%;
text-align: center;
}

[/code:1:5c5a961462]

En de html wijzigen:

[code:1:5c5a961462]
<div id="main">

<div id="main_container">

<div id="colprim">
<div class="bericht">
<h2>Vandaag</h2>
<p>Lorem …</p></div>
</div>

<div id="colsec">
<div class="bericht">
<h2>Agenda</h2>

<p>Lorem i…</p>
</div>

<div id="colthr">
<div class="bericht">
<h2>Fotos</h2>
<p>Lorem…</p>
</div>
</div>
</div>

[/code:1:5c5a961462]

Volgens mij zou dit moeten werken… . succes!

bedankt aitam en jeroen!

Ik heb de aanpassingen doorgevoerd en via http://ipinfo.info/netrenderer/ geeft ie goed weer. Nu thuis nog even proberen. Bedankt voor de snelle reacties![/url]

Hoe komt het eigelijk dat die kleuren zo erg schelen? Op mijn .png afbeelding is de kleur te zien die het moet zijn. Netrenderer geeft in het plaatje een hele andere kleur groen. Lettertype is ook iets anders.

[quote:092e58b070="vermeer"]Hoe komt het eigelijk dat die kleuren zo erg schelen? Op mijn .png afbeelding is de kleur te zien die het moet zijn. Netrenderer geeft in het plaatje een hele andere kleur groen. Lettertype is ook iets anders.[/quote:092e58b070]

Dat komt misschien door IE6

die render teksten anders (zonder anti alias)
bij je png kan je even openen in Adobe Fireworks en ga dan naar (View -> Windows Gamma)

zo krijg je net iets ander kleur te zien.

succes

Om je container goed gecentreerd te krijgen zet je de margin-left en margin-right op auto. Maak je 2 kolommen dan ga je Float gebruiken. Je zet de linkse kolom op float:left en de rechtse op float:right. Wel even een width geven die overeenkomt met de totale width van je site.