Verschil in layout in IE en firefox

Status
Niet open voor verdere reacties.
annetje77

annetje77

Gebruiker
Lid geworden
24 nov 2002
Berichten
149
Hallo

Ik ben een website aan het maken voor een kennis en ik heb door middel van een tabel een hoofding gemaakt. In IE6/7 ziet het er goed uit maar in firefox 3 zie je bovenaan een spatie. Om het uit te leggen even 2 screenshots.

IE: http://anspire.be/annemiesmets/site_ie.jpg

Firefox: http://anspire.be/annemiesmets/site_firefox.jpg

Ik heb de website voor een stuk online gezet. Je kan hem hier vinden.

Ik werk met Dreamweaver. De layout staat in de template en ik zoek naar een oplossing om de spatie in firefox weg te werken, liefst met CSS.

Alvast bedankt
 
Laatst bewerkt:
CSS is goed,
html ook.

Maar:

je code:
HTML: 
<tr>
    <td colspan="3" align="left" valign="middle">

	<div id="top"><img src="images/topleft.jpg" align="left" class="fototop" /> <p>&nbsp;</p> <p>Behandelingen die losmaken wat vastzit</p> </div>	</td>
  </tr>
  <tr>
    <td colspan="3">&nbsp;</td>
  </tr>

Zou ik wijzigen in één tabel, welke dus los staat van de rest van de pagina.
Die gebruik je dus als kop.

HTML: 
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div id="top"><img src="images/topleft.jpg" align="left" class="fototop" /> <p>&nbsp;</p> <p>Behandelingen die losmaken wat vastzit</p> </div>	
</td>
</tr>
</table>

// dan de rest van je site//

<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td valign="top" class="leftmenu">
etcetera
 
Gevonden.

Ik heb gewoon de top tabel aangemaakt,

en toen het reeds gekende effect in FF geconstateerd.

Welnu,
wat was het probleem?
De p tags.

Waarom?
Omdat je fontsize aangeeft voor heel de kop div.
En FF geeft dit anders weer als IE

#top {
background-image: url(images/toprepeat.jpg);
background-repeat: repeat-x;
height: 200px;
font-size: 36px;
margin: 0px;
padding: 0px;
position: relative;
}


Werkende code:

HTML: 
<body>
<table width="100%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td  valign="top"><div id="top"><img src="http://anspire.be/annemiesmets/test/images/topleft.jpg" style="float:left" class="fototop" /> <br>
Behandelingen die losmaken wat vastzit </div></td>
  </tr>
 </table>

Dus een enkel br tagje ipv de p tags.

:cool:
 
Ik dacht wel dat het iets klein ging zijn, waar ik overkeek.

Heel hartelijk bedankt!
 
Ja, iets kleins,
maar daarom is het zo rottig op te sporen.
Je kijkt er gewoon overheen.


:cool:
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan