style verschillen in IE en FF

Status
Niet open voor verdere reacties.
K

Kevin We

Gebruiker
Lid geworden
8 sep 2005
Berichten
119
beste,

al geruime tijd ben ik bezig aan een nieuwe website (blijft aanslepen wegens tijdgebrek)

Nu ik ervan overtuigd was dat het design volledig afwas blijkt dat er serieuse verschillen zitten tussen IE en FF. Vooral de groene balk blijft voor problemen zorgen. In IE ziet hij er nu goed uit, mooi smalle borders en de balk is niet te groot. Maar nu maakt FF er weer een zooitje van. En zo is er altijd wel iets ...

De website is de volgende: dibad
Is er iemand die mij even kan helpen?

alvast heel erg bedankt, Kevin


edit: link toegevoegd
 
Hiermee gaat de groene balk goed met Ie én Fx:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>Nieuws</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <style type="text/css">
   body { margin: 0px; padding: 0px; background-image: url(http://users.skynet.be/dibadbe/images/achtergrond.gif);}
   div { margin: 3px 2px 2px 2px; height: 20px; background: #6c3; color: #fff; text-align: center; font-family: Arial; font-size: 10pt;}
  </style>
 </head>
 <body>
  <div>Belangrijk Nieuws</div>
 </body>
</html>
Zie bijlage.

Bij de body gebruikt Ie margin (buiten de border) alsof het padding (binnen de border) is. Door beide op nul te zetten voorkom je problemen.

Het blauwe randje wordt gemaakt met de margin van de div. Voor de height van de div neem je de hoogte van het frame min de top en bottom margin van de div: 25 - 3 - 2 = 20px. De <p> bleek ook voor problemen te zorgen dus die is weg.


Vr.Gr. Egel.
 

Bijlagen

Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan