ik ben bezig met een wordpress theme.
ik heb echter een probleem. mijn header is in de voledige breedte. maar doordat hij aan de rechter kant van het scherm te groot is word mijn pagina ook groter.
ik gebruik de code van Chris NVT die ik in mijn vorige project gevraagt heb op dit topic
#container {
width: 600px;
position: absolute;
top: 0;
left: 50%;
margin-left: -300px; /* de helft van de breedte van de header */
}
En wat wil je nu doen om het op te lossen:
- header zo maken dat hij echt in de volledige breedte is en niet groot naar rechts
- #container goed laten centeren
[offtopic]
ik gebruik de code van Chris NVT die ik in mijn vorige project gevraagt heb op dit topic
de header moet de breedte van de pagina aan nemen. de header moet gesneden worden aan de rechter kant (aan de linker kant doet die het automatisch) ik heb in mijn vorige project gekregen maar daar is een groot deel door een ander geschreven en ik kan niet terug vinden hoe dat is opgelost.
[size=xsmall]Toevoeging op 23/07/2012 17:28:05:[/size]
en mischien is het ook wel handig om te weten: de z-index staat op -1
Ik zou graag met de eer strijken, maar dat is gepost door Wouter :-D
Ik had geen specifiek voorbeeld gegeven alleen maar wat verschillende manieren waarop je het zou kunnen maken.
[size=xsmall]Toevoeging op 26/07/2012 09:08:17:[/size]
Wat Wouter zegt, ik zou het ook niet laten snijden.
waaruit bestaat je header precies?
1. is het een (te) grote afbeelding
2. is het een klein afbeelding die zich repeat?
3. is het gewoon een kleur?
Maak je header gewoon width: 100% en zorg dat je browser settings op 0 gezet worden door bijv * {margin:0; padding:0;} te doen in je css file.
het gaat om een afbeelding die te groot is voor de pagina. ik had al bedacht om het in een box te zetten en die de randen te laten knippen maar ik krijg de codes niet goed. (sorry voor de late reactie ben een paar dagen weg geweest)
de afbeelding wordt geladen uit een <div id"">
het is namelijk een aanpasbare afbeelding.
ik krijg denk ik (heb ff op internet opgezocht of ik hem goed plaatste) daarom de "overflow: hidden" niet goed.
of kan ik met deze code ook afbeeldingen die uit een php bestand komen afsnijden?
En wanneer je een afbeelding niet uit het verband wilt trekken, gebruik je alleen een height of alleen een width zodat de andere waarde mee schaalt en dus niet verrekt.
