[XHTML] Probleempje met layers & css

Ik weet het niet 100% zeker, maar volgens mij is het zo dat een achtergrondkleur niet geërfd wordt (not inhereted), en de achtergrond van een div standaard transparant is.

De transparante kleur zorgt er dan voor dat je dus de achtergrondkleur van de body-tag te zien krijgt. Je zou kunnen proberen om de achtergrondkleur in de wrapper layer specifiek over te nemen:



Deze selector selecteert alle child-nodes van de wrapper layer, en zorgt dat de achtergrondkleur wordt overgenomen. Ik heb geen flauw idee of dit je probleem is, maar je kunt het allicht proberen.

Je floats vallen buiten de #wrapper. Zet eens <div style="clear:both;"></div> voor de laatste </div>. Dat moet het probleem oplossen.

Net even getest, en het probleem ligt inderdaad bij de inheritance van de background-color.

quote:

Op zaterdag 24 september 2005 22:48 schreef SuperRembo het volgende:
Je floats vallen buiten de #wrapper. Zet eens <div style="clear:both;"></div> voor de laatste </div>. Dat moet het probleem oplossen.

Onzin.

quote:

Op zaterdag 24 september 2005 22:48 schreef cyberstalker het volgende:
Net even getest, en het probleem ligt inderdaad bij de inheritance van de background-color.

Nee, dat is niet het probleem. Doordat de floats niet "ge-cleared" worden, rekt de wrapper div niet mee met de inhoud. Daardoor zie je de achtegrond van de warpper alleen bij de header (die is niet gefloat).

De wrapper div hoeft helemaal niet mee te rekken, deze heeft een fixed width.

quote:

Op zaterdag 24 september 2005 22:49 schreef cyberstalker het volgende:

[..]

Onzin.

Zet een border op #wrapper, dan zie je dat ik gelijk heb. Of pak de document-inspector van FF, dan zie je het ook meteen. Bovendien zie je de witte achtergrond wel in IE, want daar vallen floats wel binnen de warpper.

Nu jij weer

quote:

Op zaterdag 24 september 2005 22:53 schreef cyberstalker het volgende:
De wrapper div hoeft helemaal niet mee te rekken, deze heeft een fixed width.

En de hoogte dan?

quote:

Op zaterdag 24 september 2005 22:54 schreef SuperRembo het volgende:

[..]

Zet een border op #wrapper, dan zie je dat ik gelijk heb. Of pak de document-inspector van FF, dan zie je het ook meteen. Bovendien zie je de witte achtergrond wel in IE, want daar vallen floats wel binnen de warpper.

Nu jij weer

Als je die inheritance specifiek aanzet voor de background-color, dan zie je dat die div wel degelijk een achtergrond-kleur heeft.

Hij heeft nu net die footer er ingezet, dus ik kan nu even geen screenshotje maken .

quote:

Op zaterdag 24 september 2005 23:06 schreef cyberstalker het volgende:

[..]

Als je die inheritance specifiek aanzet voor de background-color, dan zie je dat die div wel degelijk een achtergrond-kleur heeft.

Hij heeft nu net die footer er ingezet, dus ik kan nu even geen screenshotje maken .

Jij wil dus ELK element binnen #wrapper dezelfde achtergrond geven?
En als ik nou een plaatje als achtergrond wil? Of als ik een border om #warpper wil?

Het probleem is echt niet de overerving van de achtergrond, het probleem is de floats die uit de wrapper lopen.