[CSS] IE geeft website niet goed weer*

[Sanity11]

Hallo.

Ik ben nu al 2 avonden aan het zoeken en proberen om een probleem met een website op te lossen. Helaas kom ik er niet uit en hoop dat iemand hier een idee heeft.

Ik heb met Xhtml en CSS de layout van een website gemaakt.http://www.speelkomeet.nl
In de meeste gevallen heb ik firefox gebruikt om te kijken of alles werkt.
Maar nu ben ik eens met I.E gaan kijken en zie ik dat er op de pagina waar je een artikel kan lezen, het geheel niet goed word weergegeven.
De onderdelen worden namelijk onderelkaar gezet.

Het gekke is dat dat onderdeel dezelfde stylesheet voor de layout gebruikt als de frontpage.
En de frontpage doet het wel gewoon goed?

code:

/* in dit document bepaal ik de indeling van de content (van bijvoorbeeld op de hoofdsite) */


#bodycontent{
    width:780px;
    margin: 0px auto;
                }
    
#bodyleft{
    float:left;
    width:119px;
                margin-right:5px;
                }
    
#bodyright{
        float:right;
        width:198px;
        }
    
#bodycenter {
        margin-top:5px;
        width:454px;
        padding:0px;
        float:left;
        }
    
#bodyartikelen {
        padding:0px;
        width:454px;
        }
    
#bodyvisuals {
    width:400px;
    margin: 0 auto 0 auto;
    }

#bodyvisuals img {
        margin-top:8px;
        }

Dit is de stylesheet welke ik gebruik om de posities te bepalen van de onderdelen.
Dit is zonder de header en de footer maar voor alles wat daar tussenin valt.

Het probleem is te zien wanneer je bij een testartikeltje op de frontpage op "lees meer" klikt.

Dank jullie wel voor de reacties.

[Cartman!]

Er is een element die geen vaste breedte heeft zodat beide browsers hem uitrekken. Firefox doet hier niet moeilijk over maar IE dus wel. Download eens Webdevloper Toolbar voor beiden browsers en gebruik de Outline functie daarin, dan zie je wat ik bedoel.

[Sanity11]

g00fy schreef op woensdag 27 september 2006 @ 22:02:
Er is een element die geen vaste breedte heeft zodat beide browsers hem uitrekken. Firefox doet hier niet moeilijk over maar IE dus wel. Download eens Webdevloper Toolbar voor beiden browsers en gebruik de Outline functie daarin, dan zie je wat ik bedoel.

Hmm, eens kijken of ik daar dan iets mee kan.

Het element zonder breedte word trouwens op die pagina niet gebruikt.
Wel op de frontpage, maar daar doet het probleem zich niet voor.

[Sanity11]

Ok, goede tip dat tooltje.
Erg handig.

Ik zie nu dat op dat onderdeel van de website IE helemaal niet kijkt naar de breedte van de div's.

Maar hoe kan ik dat dan het beste oplossen.

[Sanity11]

Mooi!!!!

Dankzij dit tooltje heb ik de oplossing gevonden!

Het zat in een andere stylesheet waar ik geen rekening meer mee had gehouden!

Bedankt voor deze goede tip!

[Cartman!]

Mooi dat het is opgelost
Nou heb ik nog een tip : je kan je post ook editten

[Tanuki]

Overigens, die irritante scrollbalk in IE kan je weghalen door overflow: auto in je body te zetten (zonder dat is die scrollbalk er ook als ie er helemaal niet hoeft te zijn).