Beste mede-forumleden,

Het valt me op dat wanneer ik een H1 tag gebruik in mijn website, hij is Firefox wel netjes een margin aan de bovenkant weergeeft, maar in Internet Explorer niet. Heeft iemand een idee hoe ik dit op kan lossen, zodat de marge boven de tekst bij beide gelijk is?

Bedankt, Angela
Line-height css, zoek op google.
Snelle fix: Zet hem op line-height: 1;

Is ook wel handig om met css reset te gaan werken.
Beste Mitchell,

Helaas heeft deze line-height: 1 geen effect.
Waar moet ik precies op zoeken zei je?

Groetjes
line-height: 1; hoort de line-height op 0 te zetten, dus dan is het probleem de margins en paddings, zet deze ook op 0. Dan moet hij goed zijn.

Zoek eens naar "css reset", dit is een stylesheet die alle waardes in alle browsers op null zet, kortom haalt alle standaard styling van de grotere browsers weg. Op die manier word ontwerpen makkelijker.
Mitchell,

Sinds ik met die H1 en H2 tags bezig ben geweest, krijg ik het niet meer voor elkaar om 2 divjes dezelfde breedte te geven, tenminste in IE is hij niet even breed als in Firefox. Terwijl in de stylesheet de breedte, padding en marge allemaal hetzelfde staat ingesteld. Heb jij enig idee hoe dit kan?

Groetjes Angela
Wat bedoel je precies met 2 divjes dezelfde breedte geven?

En ja, dat het er in IE en FF anders uitziet is meestal zo.
Wat is precies nu je styling voor je h1/h2 tags? Plaats het hier even.
Hangt van de versie van IE en van je DOCTYPE af.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Reageren