Div resizen

Hi,

Ik ben met het slicen van mijn lay-out, maar ik zit toch met iets wat mij niet lukt om op te lossen.
Zoals je ziet zie je hier de header en nog een zwart leeg vakje, ik wil dat de breedte zich automatisch instelt op jouw schermgrootte.

Ik heb al geprobeerd om width op 100% zetten maar tevergeefs. Weet iemand een andere oplossing?

Bedankt.

Gegroet,
Shahiem

Shahiem schreef:

Hi,

Ik ben met het slicen van mijn lay-out, maar ik zit toch met iets wat mij niet lukt om op te lossen.

Afbeelding
Zoals je ziet zie je hier de header en nog een zwart leeg vakje, ik wil dat de breedte zich automatisch instelt op jouw schermgrootte.

Ik heb al geprobeerd om width op 100% zetten maar tevergeefs. Weet iemand een andere oplossing?

Bedankt.

Gegroet,
Shahiem

Je weet toch dat dit heel lelijk word heh?

Inderdaad, ik heb toch maar een container geplaatst.

word hij groter als je width:120% maakt?

met 100% heb je de grote van de afbeelding gewoon 100%..

je moet je header in 2 delen knippen (verticaal, links en rechts dus), voor die 2 delen maak je een vak, die je 100% width meegeeft, in dat vak zet je eerst het linkse gedeelte met een width in px en een float; left (dus met die afbeelding tot het zwarte vakje) en dan het rechtse gedeelte ook een float:left meegeven maar die zet je op 100% en een repeat-x.

Zo moet het op te lossen zijn volgens mij Je zit dan alleen met die weerspiegeling van die vlaggetjes, geen idee hoe je dat oplost

Hij ziet er nu zo uit (let niet op de talen dropdown):

div.header { width: 100%; height: 251px; }
    div.header div.left { background: url(../img/header-left.png); width: 452px; height: 251px; float: left; }
        div.header div.right { background: url(../img/header-right.png) repeat-x; width: 100%; height: 251px; float: left;  }
            div.header a.logo { width: 332px; height: 212px; background: url(../img/logo.png); display: block; margin: 0 auto; }
                div.header a.logo span { display: none; }

dat ziet er inderdaad raar uit kun je me de afbeelding van de header sturen via prive dan kan ik ff rommelen met wat codes, zo uit me hoofd vind ik lastiger, ik heb liever gelijk een voorbeeld die ik steeds ff kan veranderen.

edit: laat maar, ik heb ff de afbeelding uit je Startpost gepikt ik ga straks wel ff uit proberen

edit 2: Volgens mij is het me gelukt, ik heb de breedste schermresolutie maar ik weet niet hoe die bij iemand anders is Voorbeeld: http://marjolein.one2xs.com/shahiem/index.html

Haha, maar die tekst rechts zie je dan niet helemaal op mijn scherm. Ik heb nu voor de gekozen maar weet niet of dit beter is?

die tekst zie je niet omdat je links nog ruimte heb? Je wilde het toch over de gehele breedte van je scherm?

Ja, ik wou het over de gehele breedte maar zo vind ik het denk ik ook wel mooi.