Hallo,
Ik ben weer is bezig met een layout te slicen (voor schoolproject).
Maar nu zit ik dus een probleem.
Normaal zeurt IE altijd maar die doet het nu top.
Alleen nu is het firefox die loopt te lullen!

dit is mijn css:

Code:

body{
    font-family: Arial, Tahoma, Verdana;
    font-size: 12px;
    background-image: url(http://www.songstar.nl/khgh/img/regenboog.png);
    background-repeat: repeat-x repeat-y;
}

#container{
    margin-top: 100px;
    margin-left: 200px;
    width: 544px;
    height: auto;
    background-color: #FFFFFF;
}

#topbalk{
    background-color: #59C600;
    width: auto;
    height: 29px;
    padding-top: 5px;
    padding-left: 5px;
}

#header{
    background-image: url(http://www.songstar.nl/khgh/img/header.png);
    width: 544px;
    height: 196px;
}

#underbalk{
    background-color: #0084FF;
    width: auto;
    height: 29px;
    padding-top: 5px;
    padding-left: 5px;
}

#menu{
    float:left;
    background-color: #FFA800;
    height: auto;
    width: 161px;
    border-right: 1px solid #4A4A4A;
    text-align: center;
}

#content{
    background-color: #FFFFFF;
    height: auto;
    width: auto;
}

#tekst{
   float:right;
   background-color: #FFFFFF;
   height: 100px;
   width: auto;
   padding-top: 5px;
   padding-left: 5px;    
}

Dit krijg ik in IE (zoals die hoort:)
http://www.imgdumper.com/file/img/20...5x3ayxcot6.png

Dit krijg ik in FF:
http://www.imgdumper.com/file/img/20...a9kfdymhht.png

En vraag twee
Ik wil in het menu een soort
<li></li> doen zodat er een soort cel omheen komt en dat dan de zwarte tekst bold wordt en er een witte cel omheen komt.

Ik ben absoluut geen CSS fanaat (doe het niet zovaak).
Maar ik denk dat jullie me wel kunnen helpen:)

Alvast bedankt!

display: block is een manier om van <li> tags blokken te maken. Het zal dus een kader vormen en hiermee zou je zelf verder mee kunnen experimenteren. Vergeet niet een width in stellen!

Mocht het echt niet lukken met deze info, kan je me altijd even een pb sturen.

Martijn.

Zonder de bijbehorende HTML kan je hier weinig over zeggen, behalve dat 'IE doet 't goed' waarschijnlijk moet zijn 'IE doet 't zoals ik wil en FF zoals het moet'.

En van die tweede vraag snap ik niks

Ik raad je zowiezo aan om je websites met FF op te bouwen en later voor explorer aan te passen. Firefox houd zich namelijk wel aan de webstandaarden.

..dat heeft totaal geen voordeel aangezien je het toch compatibel voor andere browsers moet maken...

Origineel gepost door Edwin P.

..dat heeft totaal geen voordeel aangezien je het toch compatibel voor andere browsers moet maken...

Dit heeft zeker wel voordelen. Nu maak je het volgens de regels: ziet het er verkeerd uit in FF dan weet je dat je iets verkeerd doet. Ziet het er echter verkeerd uit in IE, dan is dit mogelijk gewoon in bug in deze browser.

Hoogst waarschijnlijk een float die je bent vergeten te clearen.

Succes!

Ik weet het niet zeker:

Maar dit:
#content{
background-color: #FFFFFF;
height: auto;
width: auto;
}

Moet waarschijnlijk veranderd worden naar dit:
#content{
background-color: #FFFFFF;
height: auto;
min-height: (het aantal minimale pixels hoogte);
width: auto;
}

Maar denk niet dat het werkt maar het is het proberen waard