CSS: Problem med 2st divvar brevid varandra

Hej,

kolla in den här sidan:
http://www.otechdesign.com/birgitta/

ni ser dom två fälten längst ner.. där "Grafisk formgivning" finns.. och det till höger med alla fyrkanter...

kolla på sidan i IE.. där ser det ut exakt så som jag vill ha det! Men i FF ligger dom två divvarna längre ut till vänster och till höger. Har testat lite olika saker, men har inte fått det att fungera.

Jag är relativt ny vad gäller att göra hemsidor i CSS/XHTML. Så behöver lite starthjälp med såna här grejer!

:bire

Tack! / Oskar

Jag fixade det!

Så här ser mina kolumner ut istället! Sparade dock inte ursprunget =/

.menu_left {
padding-left:39px;
margin-bottom:40px;
margin-top:25px;
text-align:left;
float:left;
width:100px;
}
.menu_right {
margin-left:331px;
margin-top:25px;
text-align:left;
width:275px;
}

Men jag trixade med margin etc. Så jag fick det att funka!
Nu ska jag försöka göra så att sidan är centrerad vertikalt!

Vad jag förstår så har du angett marginalen till 20 pixlar i din CSS-fil? Då är det vad du får i FF (och andra Gecko browsers). Det du ser i IE är ett resultat av "IE Doubled Float-Margin Bug". Du kan läsa om den här och även få tips på hur du fixar till det: http://www.positioniseverything.net/explorer/doubled-margin.html

Hm. okej. Vad orsakar det för problem i den koden som jag uppdaterat med nu?=)

Fixade förövrigt vertikala centreringen också =)

Jag är relativt ny vad gäller att göra hemsidor i CSS/XHTML. Så behöver lite starthjälp med såna här grejer!

Undrar bara om det är meningen att sidan ska få en hög med scrollar lite här och där när man förstorar texten?
Finns aldeles utmärkta css-alternativ för iframes om du inte anser att de är nödvändiga.
Och så försvinner delar av sidan när man drar i hop den...