Ik heb van alles en nog wat geprobeerd om het goed te krijgen maar ik weet het echt niet meer!
Ik wil de tweede kolom naast de eerst kolom.
In alle browsers op de Mac: Safari, Firefox 2.0 en Opera en in Windows IE7 en Firefox 2.0 doet de site het prima.
Maar in IE6 gaat het verschikkelijk mis.  
Zie Browsershots.org.
Zie test
Link CSS
(Alle links werken niet meer).
Zou iemand mij hier mee kunnen helpen?

P.S. Tip: heb je geen windows, linux computer etc maar toch wil je zien hoe je site eruit ziet op Windows computer in IE6 of IE7 etc. Maak dan een printscreen van de meest reguliere browsers. Ga naar browsershots.org.  

(Bewerkt door elice82 om 1:16, 21-07-2008)

Ik heb zo'n vermoeden dat je je verrekent

Je moet er rekening mee houden dat IE de regels der web even iets anders berekent. 't Is maar een gok, maar ik denk dat als je in je 2 kolommen die je naast elkaar wilt hebben wat smaller maakt (of de omliggende kolom wat breder), dat het dan wel werkt.

Met breder bedoel ik overigens het aantal pixels dat je aan borders/padding e.d. hebt (dus 2 div's met een 1px kolom is totaal 4px breder).

Probeer eens met de float van #right-side op 'left'.

(Bewerkt door Henkie om 17:42, 25-11-2007)

Ik heb nu de float van #right-side op 'left' gezet zie screenshot aanvraaggroep 10.

Je HTML klopt niet. De div's worden niet afgesloten: class='block2' en id="right_side"

Deze 3 divs class='block2' en id="right_side" heb afgesloten.  (te lang mee bezig geweest)
Zie screenshot aanvraag 12 (met div id="right_side float:left)
Zie screenshot aanvraag 13 (met div id="right_side float:right)

En nog steeds gaat hij onder de andere staan...  
Ik snap er niks meer van of IE6 kan niet overweg met float of ik kan niet overweg met float. En misschien moeten we het maar bij het laatste houden...

Ei van columbus... waar blijft die...

Begin eens met alle margins en paddings in de body op 0 te zetten ... das altijd een goed begin! Je hebt tussen de twee floats 4px ruimte ... zou moeten kunnen dus. Maar ik zie in je HTML vreselijk veel divs staan ... sommige zelfs leeg. Ik vermoed dat daar het probleem vandaan komt. Probeer je HTML te vereenvoudigen ... in dit geval een pagina met twee kolommen, een header en een footer ... en dat ales in een wrapper! Probeer dat bouwwerk eerst goed gelayout te krijgen ... ook in IE6 ... Vandaar weer verder ... dus iets toevoegen èn binnen de hoofdstructuur blijven ... en steeds controleren of de boel niet in elkaar is gedonderd.

@Elise: er is hier sprake van de 3px gap bug in IE6. Zie:
http://www.positioniseverything.net/explorer/threepxtest.html

@Didjee

Als het 3pxgap is hoe lost ik het dan op. Eerlijk gezegd, die lap engelse tekst is een beetje russisch.
Hoe moet ik het in mijn verhaal zien. Dus wat moet ik aanpassen. Of toevoegen voor IE6.

Ik zou de tekst toch even doorlezen, want de oplossing hangt een beetje van de opbouw van je HTML/CSS af.

In ieder geval zou dit kúnnen helpen:


* html p {
 height: 1%;
 margin-left: 0;
 }


Het heeft niks met de 3px gap bug te maken.

Heel simpel: de grote foto in de rechterkolom is te breed (390px) waardoor de kolom door IE6 breder wordt gemaakt. De andere browsers laten de kolom wel op 380px;

Mocht je precies weten wat er dus fout gaat in IE6, je dus voor IE6 (en misschien ook 7) net iets andere waardes hebt moet geven. Gebruik dan conditional comments.

Hiermee kun je speciaal voor IE (versies) een 'extra' stylesheet laten includes met net iets andere waardes voor bepaalde css declaraties, let op! doe dat dus al laatste in de HEAD van je HTML. Het zorgt ervoor dat alle CSS voor bv Firefox en Safari hetzelfde is. IE wijkt soms wel eens af, die krijgen andere CSS waardes 'erbij' waardoor je bv div's een iets smallere waarde kan mee geven.

Dit is DE manier om dit mooi op te lossen en je pagina's valideren met deze truuk gewoon nog.

Op mijn eigen website heb ik dat ook gedaan. Bekijk de source-code van de homepage bv.

(Bewerkt door denn88 om 14:15, 26-11-2007)

@Henkie
Als het dat is dan ga ik mij enorm schamen!
Ik ben het op dit moment aan het testen bij http://browsershots.org/http://test.elice.nl/elice2/ duurt 23 minuten.
Ik had het echt niet gezien! Dat dat plaatje groter was dan de div was!
Ik zit er al ruim 2 dagen op (photoshoppen bouwen etc.) misschien had ik beter aan de kant kunnen leggen.

Ja ja het lag aan het plaatje!
Zie http://browsershots.org/http://test.elice.nl/elice2/.  

Ik wil iedereen bedanken voor de reacties!    
En vooral voor het meedenken want misschien had ik het zelf opgeven na een tijde en had ik maar een andere site ontworpen.
Ik voel ontzettend stom! En nee ik ben niet blond!

Echt BEDANKT!  

(Bewerkt door elice82 om 15:39, 26-11-2007)