[CSS] Teksthoogte lager in Firefox - Softwareontwikkeling

zondag 24 juli 2005 12:06

Acties:

Topicstarter

Ik ben bezig met CSS en divjes webpagina's in elkaar te schroeven, maar het wil niet helemaal lukken zoals ik wil. Als ik wat tekst in een divje bovenaan de pagina zet, zet IE de tekst helemaal bovenaan. Firefox zet deze tekst een halve regel lager. Ik heb gezocht en heb oplossingen gezien als margins toepassen op divjes maar dat werkt hier niet bij.

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<head>
<meta http-equiv="Content-Language" content="nl">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>testpage</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>

<body>
<div id="test">
<h1>test test test</h1>
</div>
</body>

Cascading Stylesheet:

1
2
3

html, body {background: #000000; margin: 0px; overflow: hidden; oncontextmenu: return false; ondragstart: return false; onselectstart: return false;}
#test {position: absolute; top: 0px; left: 0px;}
h1 {font-family: Verdana; font-size: 13px; font-weight: normal; color: #80AAFF;}

Bij bovenstaande html en css code heb ik dit rare effect.

[ Voor 12% gewijzigd door Robbbert op 24-07-2005 12:06 ]

zondag 24 juli 2005 12:09

Acties:

Verwijderd

/me gokt op margins van de body of de h1, definieer die eens

en verder: js in je css

zondag 24 juli 2005 12:09

Acties:

Zoefff

❤ 

Toch is dat de margin of padding van de div, h1 of body.

Zet maar eens

Cascading Stylesheet:

* {
    padding:0px;
    margin:0px;
}

in je CSS, dan zal je zien dat de witruimte weg is.

Even uitproberen welk element het dus is

Fotoblog • Werkaandemuur.nl • Moestuincursus.nl • Twitter

zondag 24 juli 2005 12:15

Acties:

Robbbert

Topicstarter

Probleem al gevonden. Ik heb margin: 0px; nu ook in h1 gezet en het probleem is opgelost

Ik wist niet dat h1 ook margins had, oplossingen kunnen soms zo simpel zijn

Bedankt voor de snelle replies.

[ Voor 9% gewijzigd door Robbbert op 24-07-2005 12:16 ]

zondag 24 juli 2005 12:16

Acties:

Verwijderd

dat je geen margin invult betekent niet automatich dat er geen margin is.

sommige dingen hebben idd standaard een margin of padding

zondag 24 juli 2005 12:22

Acties:

Verwijderd

Verwijderd schreef op zondag 24 juli 2005 @ 12:16:
dat je geen margin invult betekent niet automatich dat er geen margin is.

sommige dingen hebben idd standaard een margin of padding

Precies. Wat je met een stylesheet doet, is de standaard stylesheet van de user agent aanvullen. Daarin zijn de standaard waarden gedefinieerd.