Doorlopende Header

[Kproz]

ik probeer een header te maken die heel de browser (in de breedte) inpikt, maar zoals ie nu is zijn er witte kantjes aan de zijkanten!
dit is de code:

.head {
	width: 100%;
	height:100px; 
	background-color:#999999;
	border:ridge 3px solid;
	top: 0px;
	left:0px;
	right:0px;
	}

left 0px en right 0px was een probeersel om die kantjes weg te krijgen

 

[fritzi]

Dat kan komen door de marges in de pagina. Probeer dit eens:

body {margin:0px;}

 

[Kproz]

Dat doet het! bedankt!!

 

[Kproz]

ik heb nog n klein vraagje, nu wil ik ook zo een balk vanonder aan de pagina! hoe doe ik dat?
maar hij moet bij elke internetconfiguratie helemaal vanonder staan..

 

[fritzi]

Dat is niet eenvoudig. Er zijn mogelijkheden met CSS, maar die werken vaak slecht in verschillende browsers: http://csscreator.com/?q=node/7002

Met een frameset kun je een vast frame onderaan de pagina maken (de ruimte daarboven geef je dan geen vaste maat, maar maak je flexibel).

Persoonlijk vind ik het helemaal niet storend als pagina's een verschillende lengte hebben, en de footer er gewoon onder staat.

 

[Johantrax]

Ik ben bezig aan n site waarop ik ook met een footer werk, puur met div's en css. Hier geef ik je de specifieke css van de footerdiv mee.

#footer {
	width: 610px;
	position: fixed;
	bottom: 0em;
	/* centreren */
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	/* small-fonts */
	font-size: 80%;
	/* uitlijning */
	text-align: center;
	color: #000000;
}

Dit werkt in FF(1&2), Safari, IE5, IE6 (nog ongetest in IE7)

--Johan