Archief - CSS: Div white space

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
t

tiger zero

Legacy Member
Hey,

Ik zit met een klein probleem in men css. In IE wordt de layout goed weergegeven in Firefox toont hij een witruimte tussen 2 DIV's. Heb wat gegoogle't en wat met de margins en paddings liggen werken maar dat hielp me niet verder.

Wat ik dus wil bereiken is dat de witruimte weg gewerkt wordt tussen de div van de "Headernav" en die van de "Head".

Hieronder heb je de link naar de site en de css.

http://www.black-stars.be/v1/index.html

http://www.black-stars.be/v1/layout.css


Hieronder heb ik de 2 div id's geplaatst die ik heb gebruikt voor de content.

Code: 
/* Header Navigation*/
div#headernav{
		width:1000px;
		height:67px;
		}
		
/* Header Img  */
div#header{
		width:1000px;
		height:212px;
		margin-top:0px;
		padding-top:0px;
		}
D

Devastate

Legacy Member
probeer is
Code: 
* {
margin: 0;
padding: 0;
}

helemaal bovenaan.
S

Smokyke

Legacy Member
Probeer zo eens/* Header Navigation*/
div#headernav{
width:1000px;
height:67px;
margin-bottom:0px;
padding-bottom:0px;
}

/* Header Img */
div#header{
width:1000px;
height:212px;
margin-top:0px;
padding-top:0px;
}
t

tiger zero

Legacy Member
Ik heb net bovenstaande oplossing uitgetest zonder resultaat spijtig genoeg.

Ook heb ik onderstaande code eens uitgetest wat feitelijk ook niets veranderde :(

Code: 
img,div {
		border:none;	
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		}

***UPDATE***
Blijkbaar was de line-height het probleem.

Code: 
div#headernav{
		width:1000px;
		height:67px;
		line-height:0px;	
		}

Geen idee waarom ik voor FF dat er extra moet bijzetten :s. En bedankt voor de replies :p
D

Devastate

Legacy Member
Code: 
div.imgleft{
float:left;
margin-bottom: -5px;
}

lost u probleem op.
waarom ge daar met 5px overschot zit, zie ik niet meteen..

het is overigens wel aan te raden om altijd u css te beginnen met
Code: 
* {
margin: 0;
padding: 0;
}
t

tiger zero

Legacy Member
Devastate zei:
het is overigens wel aan te raden om altijd u css te beginnen met
Code: 
* {
margin: 0;
padding: 0;
}
Klik om te vergroten...

Weer iets bijgeleerd :) Nu doet ie het mooi in FF en IE :applause:
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan