Probleem met 'ribbon'; z-index lost het niet op

[CH4OS]

Ik heb een zogeheten 'ribbon' voor mijn website gemaakt voor mijn nieuwe layout.
Vreemde is alleen, de daadwerkelijke content schuift er onder onder een lage resolutie (bijv. 1024x 768).

Ik heb geprobeerd om te gaan werken met z-index, maar mocht niet baten.
Tevens heb ik de div van de ribbon zowel binnen de wrapper als buiten de rapper geprobeerd, het probleem blijft gewoon. Ongeacht de z-index. Dit is met zowel IE als met FF.

Uiteraard heb ik een demo online staan van het probleem: http://www.flipdesign.nl/fd2. De CSS staat overigens op http://www.flipdesign.nl/fd2/main.css

As usual zal ik wel wat (CSS?) over het hoofd zien, maar wat mis ik deze keer?

[Verwijderd]

Cascading Stylesheet:

#ribbon{
    [...]
    z-index:1;
}
#header{
    [...]
    position:relative;
    z-index:2;
    (width:820px;)
}

[ Voor 53% gewijzigd door Verwijderd op 26-04-2008 23:41 ]

[CH4OS]

Verwijderd schreef op zaterdag 26 april 2008 @ 23:37:

Cascading Stylesheet:

#ribbon{
    [...]
    z-index:1;
}
#header{
    [...]
    position:relative;
    z-index:2;
    (width:820px;)
}

Oke, dat ga ik even proberen. Waarvoor zijn de ( en ) bij width eigenlijk?

#header kan alleen lastig relative worden, die zit in wrapper...

EDIT: Thanks, dat was inderdaad de oplossing! Desalniettemin ben ik nog wel benieuwd naar de ( en ) bij width...

[ Voor 21% gewijzigd door CH4OS op 26-04-2008 23:51 ]

[Verwijderd]

GJ-tje schreef op zaterdag 26 april 2008 @ 23:44:
[...]
EDIT: Thanks, dat was inderdaad de oplossing! Desalniettemin ben ik nog wel benieuwd naar de ( en ) bij width...

Die had ik erbij gezet omdat in FF met gebruik van Firebug de breedte 20pixels minder werd... dus als optie de breedte op 820px... maar zo te zien is dat niet nodig


Edit: ik zou als ik jou was de strepen in je "http://www.flipdesign.nl/fd2/images/top-ribbon.gif" gewoon weg laten en de achtergrond transparant maken... is makkelijker...

[ Voor 17% gewijzigd door Verwijderd op 26-04-2008 23:58 ]

[roy-t]

had je 'm al gefixed? Want bij mij komt de ribbon (met daarop "flipdesign") onder de content

(Firefox 2.0.0.14 (tjsa outdated maarja is mijn vriendin's pc))

[Verwijderd]

roy-t schreef op zaterdag 26 april 2008 @ 23:58:
had je 'm al gefixed? Want bij mij komt de ribbon (met daarop "flipdesign") onder de content

(Firefox 2.0.0.14 (tjsa outdated maarja is mijn vriendin's pc))

ja... het is gefixed!

[CH4OS]

roy-t schreef op zaterdag 26 april 2008 @ 23:58:
had je 'm al gefixed? Want bij mij komt de ribbon (met daarop "flipdesign") onder de content

(Firefox 2.0.0.14 (tjsa outdated maarja is mijn vriendin's pc))

Hier ook FF 2.0.0.14 en is al gefixed idd, dankzij sla

Verwijderd schreef op zaterdag 26 april 2008 @ 23:54:
Die had ik erbij gezet omdat in FF met gebruik van Firebug de breedte 20pixels minder werd... dus als optie de breedte op 820px... maar zo te zien is dat niet nodig

Ah oke, weet ik dat ook weer...

Edit: ik zou als ik jou was de strepen in je "http://www.flipdesign.nl/fd2/images/top-ribbon.gif" gewoon weg laten en de achtergrond transparant maken... is makkelijker...

Heb nu de ribbon iets aangepast...

[Verwijderd]

GJ-tje schreef op zondag 27 april 2008 @ 00:06:
Heb nu de ribbon iets aangepast...

beter!