Ruimte boven de site

**Jasper de Boer** · 20-02-2009, 17:48

Hallo SD'ers,

Gisteren van frontpage naar css/xhtml overgestapt, echter stuit ik nu op een probleempje.

Boven een content vak onstaat aantal pixels ruimte.
Dit gebeurd niet in IE maar alleen in firefox.
Het volgende heb ik in mijn editor staan:

Code:

<body> 
<div align="center">
 
  <div id="contentbackground">
   <div align="left" id="content">
    <p>test</p>
   </div>
  </div>
</div>  
</body>

En

Code:

BODY{
background-color: #f4d6dc;
margin: 0px;
}
#contentbackground{
background: url(images/Content-background.png) repeat-y;
width: 928px;
height:auto;
min-height: 300px;
}
#content{
padding-top: 0px;
padding-left: 20px;
padding-right: 20px; 
font-family: Verdana;
font-size: 11px;
}

Als ik de <p></p> weghaal is er op een of andere manier niks aan de hand.
Hopelijk hebben jullie de oplossing.

Alvast bedankt,
Jasper de Boer

edit: Hier is die in actie: http://gospelkoorourchoice.nl/test/index2.html

**Cedric H.** · 20-02-2009, 18:03

zet bovenaan je css:

*{
margin:0;
padding:0;
}

**Jasper de Boer** · 20-02-2009, 18:09

Dankje voor je snelle antwoord.
Heeft het gewenste effect:).
Kun je me uitleggen waar dat * voor staat?
Zoals ik al zei, ben net begonnen.

**Cedric H.** · 20-02-2009, 18:19

Is een "wildcard", dus geld voor alles (alle div's, tags e.d)

**Jarno B.** · 20-02-2009, 18:19

Je kan beter dit gebruiken:

p{margin:0;}

of nog beter ('tekst' veranderen voor wat dan ook):
p.tekst{margin:0;}

en dan:
<p class="tekst">test</p>

Met * geef je namelijk alles een margin van 0.. ik neem aan dat dat niet de bedoeling moet zijn.

**Cedric H.** · 20-02-2009, 18:21

maar als je eronder een andere mmargin defineerd, neemt hij die aan:

*{
margin:0;
}
div.test{
margin:6px 0 0 6px;
}

Dan heeft alles de margin 0, behalve de div met de class test, dus lijkt me juist beter.
Maar dat is mijn mening

**Merijn V** · 20-02-2009, 18:22

Ik gebruik het wel degelijk.. Elke site die ik slice ( en dat zijn er behoorlijk wat.. ) gebruik ik. standaard, geen uitzondering. Waarom? Elke browser heeft zn eigen intepretatie van de marges. Waar IE er 6 geeft, geeft firefox er 3, en safari 2. En dan zijn er nog weer speciale marges speciaal toegewijd aan de block elementen ( p, div enz enz) welke ook elke keer anders reageren.

Je moet ze standaard op 0 zetten, en dan een element die je WEL een marge wil geven, definieren

**Jasper de Boer** · 20-02-2009, 18:32

Werkt voor mij beide keren prima.
Mijn problemen zijn opgelost.
Dank hiervoor;).

Ruimte boven de site