Wie weet de oplossing? CSS

**Ralph van leenen** · 31-01-2010, 20:36

op mijn site: http://tinyurl.com/yajylp4 verspringt het logo bovenin afhankelijk van de resolutie van je monitor (volgens mij). Wie helpt me met de oplossing om deze op 1 plek te houden?

**Robbert Tange** · 31-01-2010, 20:42

Zit hem in de gegevens van je CSS:

Code:

#logo{
    width:317px;
    height:120px;
    position:absolute; left:210px; top:12px;
    z-index:10000;
}

Zoals je ziet staat hij altijd op 210px van links. Waarschijnlijk zal het probleem over zijn als je dit gewoon weg zal laten.

Met een breedbeeldscherm staat hij weliswaar goed, maar bij verkleinen window of andere resolutie scherm, zal hij dus een andere plaats krijgen, omdat 210px van links dan ergens anders is.

**Ralph van leenen** · 31-01-2010, 20:57

dat gaat niet werken, ik zal hem toch moeten positioneren anders staat ie linksboven in het scherm

Origineel gepost door Robbert Tange

Zit hem in de gegevens van je CSS:

Code:

#logo{
    width:317px;
    height:120px;
    position:absolute; left:210px; top:12px;
    z-index:10000;
}

Zoals je ziet staat hij altijd op 210px van links. Waarschijnlijk zal het probleem over zijn als je dit gewoon weg zal laten.

Met een breedbeeldscherm staat hij weliswaar goed, maar bij verkleinen window of andere resolutie scherm, zal hij dus een andere plaats krijgen, omdat 210px van links dan ergens anders is.

Aanvullend bericht:
heb hem nu goed.. alleen het blaadje onder het logo viel over de rand heen, nu verdwijnt hij achter de site. Z index al mee gegeven maar mag niet baten.. iemand een ingeving?

**Robbert Tange** · 31-01-2010, 22:40

Ik had verwacht dat hij met de body gecentreerd zou blijven, maar zie nu dat de header buiten de 'container' om gaat, waardoor het inderdaad niet werkte wat ik zei.

Origineel gepost door Ralph van leenen

dat gaat niet werken, ik zal hem toch moeten positioneren anders staat ie linksboven in het scherm
Aanvullend bericht:
heb hem nu goed.. alleen het blaadje onder het logo viel over de rand heen, nu verdwijnt hij achter de site. Z index al mee gegeven maar mag niet baten.. iemand een ingeving?

**Henk R** · 01-02-2010, 08:31

Wijzig de z-index van de top-nav naar 9998 (de z-index van 20.000 heeft alleen invloed binnen de eerste div). Weet niet of er dan ergens anders weer iets wegvalt natuurlijk...

**gast26966** · 02-02-2010, 21:38

Je kan ook gewoon een aparte DIV voor de logo maken, deze centreren en daar het plaatje invoegen. Zorg dat de div net zo breed is als de rest van de website, zodat hij mooi op zijn plaats staat. Op deze manier zal hij altijd goed staan.

#logo {
width: breedte;
height: hoogte logo;
margin-left: auto;
margin-right: auto;
}

Door dat je margin left en right automatisch heb staan, zal hij het aan beide kanten gelijk verdelen waardoor hij dus gecentreerd word.

Hoop dat dit je helpt, veel succes verder met je website!

Wie weet de oplossing? CSS