Ruimte in een div

Door Crispijn - op 13-09-2006 15:13

265 views

He allemaal,

Ik ben bezig met een beheer site en nu krijg ik de layout in IE niet goed. In FF loopt hij als een malle.

Je kan in onderstaand plaatje zien dat er een rare ruimte tussen de eerste tekst en het formulier ziet.

De broncode ziet er voor dat stuk als volgt uit:


<div id="content_titel">Nieuws bewerken</div>
<div id="content">
Met onderstaand formulier kan je een bestaand nieuwsbericht bewerken.<p></p>
<form action="" method="post">
<!-- tabel met velden -->
</form>
</div>

en de bijbehorden css

[code]
#content_titel {
	margin-left: 160px;
	background-color:#FFFFFF;
	background-color: #C6DBEE;
	padding: 4px;
	padding-left: 7px;
	font-family: Verdana, Arial;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

#content {
	background-color:#FFFFFF;
	margin-left: 160px;
	border: 6px solid #C6DBEE;
	border-top: 0px;
	padding: 5px;
	font-family: Trebuchet MS, Verdana, Arial;
	font-size: 11px;
	color: #333333;
	margin-bottom: 10px;
	}

De vraag
Hoe komt het dat in internet explorer deze loze ruimte ontstaat en in firefox niet? Wat kan ik doen om dit aan tepassen?

als ik deze css door een validator haal van w3 bijvoorbeeld kom ik geen fouten tegen!

Harmen

13-09-2006 15:22

Met onderstaand formulier kan je een bestaand nieuwsbericht bewerken.<p></p>

Dat scheelt toch al ruimte, zonder die 2 zinloze paragraven?

Crispijn -

13-09-2006 15:25

Klopt, maar niet zo veel en ook al haal ik die weg dan is het probleem er nog steeds...

edit:
Deze screenshot is met een beeldschermresolutie van 1280 gemaakt. Dit zouden dus heel erg veel enters moeten zijn!

Kalle P

13-09-2006 15:43


#content {
 //margin_top: -50px;  
  /* laat de  // staan, dit zorgt ervoor dat alleen IE 
      het leest, daarnaast moet je het getal aanpassen tot 
      je tevreden bent (dus zoals het in FF er uit ziet) 
*/
  /*rest van je code */
}

Reageren

Inloggen om te reageren