Css IE probleem vs FF - Wie helpt?

[Wop]

Hallo allemaal,

Ik heb een wordpress blog geinstalleerd en die wil ik gaan gebruiken met een eigen css. Nu ben ik al heel erg ver ik stuit echter op 1 probleem waar ik niet uitkom. ALLE hulp is dus van harte welkom.

Het gaat om deze site: http://verenigdestaten.info/florida2007/ In FF ziet hij er uit zoals ik hem wil hebben, echter in IE zet hij het linkermenu boven de inhoud zeg maar. Er is al van alles geprobeerd maar ik krijg het niet voor elkaar. Waarschijnlijk is het heel simpel, maar wie ziet het?

Alsvast bedankt voor het helpen!

Oh ja , die Css vind je hier:

http://verenigdestaten.info/florida2007/wp-content/themes/half-life-10/style.css

Thanxz
Wop

 

[peter vazed]

.narrowcolumn{
display: inline;
float: left;
margin: 0 2px 0;
width: 65%;
font-family: Trebuchet MS;
font-size: 12px;
background: #fff;
color: #000;

}

Gooi die inline er eens uit.

Flinke zwik css code.

.page{
position:absolute;

waarom gebruik je absolute?


Geef al je div's eens een border, en siet wat er gebeurt.

Zet na de banner
<div class="container">

<div class="page">

<div id="banner"> </div>

eens een clear.

Op die manier splits je de header van het vervolg van je site.

Let op:
wijzig niks in je origineel.
Of zet je origineel veilig weg.

Is altijd try-and-error.

En heel deze partij:
<div id="menu">
<ul>
<li><h1><a href="http://www.verenigdestaten.info/florida2007/" title="VerenigdeStaten.Info home page">VerenigdeStaten.Info</a></h1></li>
</ul>
</div>

<div class="sidebar">
<ul>


<li><h2>Zoek</h2>
<ul>
<li id="search"><form method="get" id="searchform" action="http://www.verenigdestaten.info/florida2007/">
<input type="text" value="" name="s" id="s" size="15" />
<input type="submit" id="searchsubmit" value="Zoek!" />
</form></li>
</li></ul>

<li class="pagenav"><h2>Menu</h2><ul><li class="page_item"><a href="http://www.verenigdestaten.info/florida2007/?page_id=2" title="Over USA4ALL">Over USA4ALL</a></li>

<li class="page_item"><a href="http://www.verenigdestaten.info/florida2007/?page_id=4" title="Stedenbeschrijvingen">Stedenbeschrijvingen</a></li>
</ul></li>
<li id="linkcat-2" class="linkcat"><h2>Links</h2>
<ul>
<li><a href="http://amerika.discussiegroep.info">Amerika Forum</a></li>
<li><a href="http://verenigdestaten.info/review/">Usa4all Reviewprogramma</a></li>

</ul>
</li>

</ul>
<p>&nbsp;</p>
</div>

zou ik in een eigen div zetten.

 

[peter vazed]

Vergeet ik toch nog wat......... lijk wel een mens...........

ga hier naartoe:
http://jigsaw.w3.org/css-validator/
om je css te testen.
En hier:
http://validator.w3.org/
om je html te valideren.



/////////////////////// edit //////////////////

wat ik nu weer ontdek.............

In IE
trek je rechterbeeldschermbegrenzing eens naar binnen..............
wat gebeurt er dan??????????????????

 

[Wop]

Het is geluk!!


Ik ben er nog een avond voor gaan zetten en mede door de tips hier ben ik er uit.

Bedankt!

Wop