CSS IE/Mozilla - Overflow probleem

[Verwijderd]

Hallo!

Voor de site http://johnnie.servebeer.com:4480/Sterrenwacht/src/ probeer ik een in alle browsers werkende layout te maken. Het probleem is echter dat het inhoud-venster in mozilla naar rechts uitlijnt. In IE ziet het er verders keurig netjes uit.

De volgende CSS gebruik ik voor de boxen:

code:

#titelbalk
{
    margin-left:auto;
    margin-right:auto;
    width:65em;
}

#container
{
    margin-left:auto;
    margin-right:auto;
    width:75em;
    height: 90%;
}

#menu
{
    width:12em;
    float:left;
    border:2px solid #0000AA;
}

#content
{
    margin-left:13em;
    margin-top: 0.5em;
    border:2px solid #0000AA;
    padding: 0.5em;
    width: 50em;
    height: 90%;
    overflow: auto;
}

#header
{
    margin-left:13em;
    border:2px solid #0000AA;
    padding: 0.5em;
    width: 50em;
}

Let op regel 31 (overflow:: auto). Als ik die verwijder rendert mozilla de box wel op de juiste plaats. Maarja, ik wil zo graag die scrollbalkjes in het venster ipv op e hele site...

Is dit een bug in mozilla of in IE?

Hoe dan ook, hoe los ik het op?

[NMe]

Ik denk dat IE het fout doet, omdat de implementatie van CSS in Mozilla veel beter is.
Een ranzige oplossing misschien, maar zet er eens een onzichtbare div omheen met een text-align: left in de style.

[Switch]

Zet je margin-left eens op 0.8em Heb het getest en bij mij staat ie dan gewoon goed in Mozilla, maar niet in IE. Je kan dan zoiets doen als:

code:

* html #content {
 margin-left:13em;
}

En dan zal Mozilla dat negeren (omdat je '* html' gebruikt), alleen kan ik wel inzien waarom sommige mensen hier dit een vieze oplossing zouden vinden, maar je pagina werkt dan iig in beide browsers .

[ Voor 28% gewijzigd door Switch op 14-08-2004 02:47 ]

[Verwijderd]

Switch schreef op 14 augustus 2004 @ 02:44:
Zet je margin-left eens op 0.8em Heb het getest en bij mij staat ie dan gewoon goed in Mozilla, maar niet in IE. Je kan dan zoiets doen als:

code:

* html #content {
 margin-left:13em;
}

En dan zal Mozilla dat negeren (omdat je '* html' gebruikt), alleen kan ik wel inzien waarom sommige mensen hier dit een vieze oplossing zouden vinden, maar je pagina werkt dan iig in beide browsers .

T'is inderdaad vies, maar t werkt wel

[crisp]

je kan ook dit doen:

Cascading Stylesheet:

#content {
  margin-left: 13em;
}
#container>#content {
  margin-left: 0.8em;
}

dat is nl wel geldige syntax, en IE kent de > selector niet.

[ Voor 8% gewijzigd door crisp op 14-08-2004 12:23 ]

[Switch]

Ja inderdaad, maar dan heb je wel een container nodig, en dat vind ik echt ongelofelijk vies Maar dat zal wel persoonlijk zijn. En '* html' validate gewoon bij W3C dus zó vies is het nou ook weer niet.

_{Oh wacht, die had hij al Negeer mij maar}

[ Voor 15% gewijzigd door Switch op 14-08-2004 13:23 ]

[crisp]

Switch schreef op 14 augustus 2004 @ 13:21:
Ja inderdaad, maar dan heb je wel een container nodig, en dat vind ik echt ongelofelijk vies Maar dat zal wel persoonlijk zijn. En '* html' validate gewoon bij W3C dus zó vies is het nou ook weer niet.

_{Oh wacht, die had hij al Negeer mij maar}

Je hebt ook altijd een containing element; in het meest simpele geval is dat gewoon je body