balk over hele website

Hallo!

Ik ben pas aan het leren coderen en nu wil ik dus een balk over me hele website en dat die meteen tegen de de tabs van de browser vast zit zoals habbo dan heb je dat blauwe vak en die lijn ik heb het iets anders.

Hier kun je het bekijken: http://ralphjansen.nl/
Ik heb echt geen idee hoe ik het moet fixen.

groetjes,

widht: 100%;
denk ik

Freestyle schreef:

widht: 100%;

denk ik
nu staat die in het midden maar niet tegen alle randen aan.

Weet niet of het werkt, maar dit doe ik altijd bij alles:
margin-left:0px;
margin-top:5px;

(margin-left is hoeveel px van de linkerkant af en margin top hetzelfde maar dan van de bovenkant)

ik stel zon balk altijd in als achtergrond, dan verwerk ik m in mijn header en die laat ik dan eroverheen vallen.

Rnnet schreef:

Weet niet of het werkt, maar dit doe ik altijd bij alles:

margin-left:0px;
margin-top:5px;

(margin-left is hoeveel px van de linkerkant af en margin top hetzelfde maar dan van de bovenkant)

Het werkt niet de balk blijft gewoon van de randen af.

Marjolein schreef:

ik stel zon balk altijd in als achtergrond, dan verwerk ik m in mijn header en die laat ik dan eroverheen vallen.

Ik ga dat maar eens proberen.
Sorry voor dubbelpost

of in je body width: 100%; zetten

en je sluit een keer af met waar is dat voor?

Marjolein schreef:

of in je body width: 100%; zetten

en je sluit een keer af met waar is dat voor?
Dat van die achtergrond werkt harstikke bedankt

YW
en zet er repeat-x; bij dan herhaald ie alleen horizontaal en niet verticaal

Marjolein schreef:

YW

en zet er repeat-x; bij dan herhaald ie alleen horizontaal en niet verticaal
Oke,

Maar nu heb ik nog 1 probleempje.
Ik wil er nu tekst op zetten maar aangezien die niet als div is verwerkt is dat een beetje onmogelijk.

niets is onmogelijk Maak een div bv:

#top {margin: 0; text-align:center; padding-top: 5px;}

in je html:

<div id="top"> tekst</div>

en die zet je voor

Marjolein schreef:

niets is onmogelijk Maak een div bv:

#top {margin: 0; text-align:center; padding-top: 5px;}

in je html:

<div id="top"> tekst</div>

en die zet je voor

Gewoon margin: 0 px; in je css zetten, en verder opmaken in css en verwerken in je html. Oja, margin: 0 px; kan je ook gewoon in je css body zetten!