CSS witte rand niet gewenst

Status
Niet open voor verdere reacties.
D

Diniz

Gebruiker
Lid geworden
1 jun 2009
Berichten
62
header.png

Ik wil zonder witte rand een header of hoe je dat ook noemt plaatsen. Wat ik ook probeer met margin en padding, er wordt steeds een witte rand om mijn header heen gegeven. Hoe kan ik dat oplossen?

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>

<link rel="stylesheet" type="text/css" href="css/stylesheet.css">

<title>test</title>
</head>
<body>

<div id="top-bar"></div>

</body>
</html>

De stylesheet:

HTML: 
html { 
	border: none;
	margin: none; 
	padding: none; 
}
body { 
	border: none;
	margin: none; 
	padding: none; 
}

div#top-bar { 
	width: auto; 
	height: 14px; 
	position: relative;
	background: transparent url(img/loyal_top_bg.png) 
repeat-x; 
	z-index: 1;
}
 
Laatst bewerkt:
Ten eerste gebruik ik ipv 'none' altijd '0', werkt wat makkelijker, maar maakt niet veel uit als het goed is.

voeg dit eens toe:
Code: 
div#top-bar { 
	position:absolute;
	width: 100%;
	padding:0;
}

Hopelijk werkt het, zo niet, hoor ikhet graag.
Gino
 
ginojo zei:
Ten eerste gebruik ik ipv 'none' altijd '0', werkt wat makkelijker, maar maakt niet veel uit als het goed is.

voeg dit eens toe:
Code: 
div#top-bar { 
	position:absolute;
	width: 100%;
	padding:0;
}

Hopelijk werkt het, zo niet, hoor ikhet graag.
Gino
Klik om te vergroten...

Er verschijnt nu onder een scrollbalk, witte rand blijft.
 
Hoi Diniz,
Als een webpagina plots niet doet wat je wilt, ... zie m'n handtekening! :d

En wanneer je je css in de css-validator stopt, komt dit er uit rollen:

margin-none.png

Dus ginojo heeft bijna gelijk! Het "maakt niet veel uit als het goed is" klopt niet, maar het op 0 zetten wel.

Toelichting:
  • Een margin en een padding mogen alleen een lengte-maat zijn, d.w.z het getal 0 of een ander getal met de eenheid er achter (bv. 5px of .85em of 3%).
  • Een margin mag verder nog de waarde "auto" hebben.
  • Dus "none" mag niet, en wordt niet door de browsers uitgevoerd.
  • Wat er gebeurt, is dat browsers altijd automatisch een kleine margin (van ca. 5 à 10px) om de <body> heen zetten.
  • Als je dat niet wilt, moet je de margin van de body op 0 zetten.
  • De padding hoeft niet op 0.
  • De border ook niet.
  • De html-styles hoeven ook nergens op 0 gezet te worden. Wel op iets anders, als je geen Springende Pagina wilt hebben.
  • Terzijde: een border kan wel de waarde "none" hebben. Dat komt omdat een een border méér waarden heeft dan alleen een dikte: ook een type (bv. "solid" = gewone lijn of "dotted" = stippeltjes) en een kleur. Het type kan ook "none" zijn, dan is er geen border; wat op hetzelfde neerkomt als een opgegeven border-width van 0.
  • Zie: de css-specificatie voor het Box Model, waarin o.a. alle regels voor margins, paddings en borders zijn vastgelegd.
Met vriendelijke groet,
CSShunter
_______
PS:
Als het een nieuwe site is, kan je het beste een Doctype "Strict" nemen, en geen "Transitional" (zie hier waarom).
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan