Blir för mycket height i en cell i IE

Har du en snutt kod man får kolla lite på?

Melitta skrev:

Har du en snutt kod man får kolla lite på?

Ja visst :)

<table id="wrapper2" cellpadding="0" cellspacing="0"> 

  
<tr>
<td height="7px">

</td>
</tr>
</tr>

<td bgcolor="#FFFFFF">

<% BOARD HEADER %>

<% MEMBER BAR %>

 <td>

</table>
<tr>
<table id="wrapper" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0"> <tr>

<td class='forum' bgcolor="#FFFFFF">

<% NAVIGATION %>

<br clear="all" />
<!--IBF.NEWPMBOX-->
<% BOARD %>

<% BOARD FOOTER %>
<% STATS %>

</td>

<td width="185px" border="35px" valign="top" bgcolor="#FFFFFF">
Annons
<div align="center"><a href="../media/bilder/skepps_annons.jpg"><img src="../media/bilder/skepps_annons.jpg" border="0" />

</td>
<tr>

<td colspan="2"> <% COPYRIGHT %> </td>
</tr>

<tr>
<td>
<img src="../media/Annat/space.GIF" width="955" height="1" />
</td>
</tr>
</table>

Det är precis här på slutet som space.GIF ligger, dvs själva "spacern". Td:n som omsluter den bli som sagt för hög i IE (jag vill bara att den ska vara 1px).

Till att börja med ser din table inte helt bra ut, du har dubbla </tr>, du stänger bordet efter en </td> men fortsätter direkt efter med en <tr>, vet inte riktigt hur du vill att det ska se ut..

http://beta.hjd.se/playground/wf/EmmaW/

Är det nått sånt du vill åt?

Hmm...

... som alternativ till den (helt klart godkända (y) ) lösningen att byta ut HTML-koden

<td>
<img src="../media/Annat/space.GIF" width="955" height="1" />
</td>

mot

<td><img src="../media/Annat/space.GIF" width="955" height="1" /></td>

dvs. ta bort radbrytningarna i HTML kring spacer-bilden (som Melitta föreslår i sitt exempel) så kan man också istället ge sig på att använda CSS till att ställa ner storleken på typsnittet i den cellen t.ex. såhär

<td [b]style="font-size: 1px; line-height: 1px; padding:0;"[/b]>
<img src="../media/Annat/space.GIF" width="955" height="1"  alt="" />
</td>

Bägge alternativen funkar lika bra som botemedel mot att MSIE får för sig att den måste ta höjd för ett helt tecken i cellen om man radbryter kring en ensam bild sådär...

... eller så kan man (likaledes med CSS) ställa om bilden så att den hanteras som ett "block" istället t.ex. såhär:

<td>
<img src="../media/Annat/space.GIF" width="955" height="1"  alt="" [b]style="display: block"[/b]  />
</td>

De två CSS-lösningarna kan såklart hanteras via en klass eller ett id med stilarna liggandes i en extern stilmall istället om man vill det, Den första HTML-lösningen är liksom mer beroende av att man inte i ett senare läge får för sig att snygga upp sin kod med någon "automatindenterare" eller liknande smart editorfunktion ;)

... och alla tre löser ju, som sagt, samma MSIE-relaterade problematik :bire

Det löste sig fint nu, blev precis rätt =)

Tack så jättemycket för all hjälp! :)

Bra att det löste sig :) När får man se din skapelse då? Har sett dig frekvent en del i den här tråden men aldrig vad du gjort :)

Hihi jo frågar en del.. hoppas vara klar om runt två veckor så kan visa då :)

Väntar spänt :)