Avatar billede xbobby Nybegynder
13. maj 2005 - 11:00 Der er 2 kommentarer og
1 løsning

Problemer med kommandoen "padding" i firefox

Hej med jer :-)

Jeg har denne lille div, som giver mig en padding på 8 px rundt om teksten, hvilket jeg gerne vil have. Men det fungerer ikke i Firefox, så hvad skal jeg skrive så både IE og firefox forstår at jeg vil have luft rundt om teksten på 8 px?

<div style="background-color:#f9f9f9;padding:8px;border:solid 1px #CCCCCC;width:192px;margin-left:0px;">
Avatar billede olebole Juniormester
13. maj 2005 - 13:49 #1
<ole>

- works like a charm i både IE og FF. Hvad gør du dog for at modvirke, det fungerer ... og hvad mon du mener med, det ikke fungerer?  :)

/mvh
</bole>
Avatar billede xbobby Nybegynder
13. maj 2005 - 15:50 #2
Hej <Ole> :-)
Jeg smider lige kode på så du kan se hvad det den.
Det er to tekstblokke der er adskilt med et baggrundsbillede, med prikker minder om dem jubbi bruger til at adskille forskellige områder.

Når jeg bruger IE vises baggrundsbilledet perfekt. I firefox vises baggrundsbillede ikke og det.

Hvis jeg sætter padding til Opx, så vises bagrundsbilledet perfekt. Når det ikke er paddingen og jeg tror dig, så må det være en fejl 40 - spørgsmålet er bare hvilken af dem :-) Der smider jeg koden på så du og andre kan se og teste.

<table width="431" border="0" cellpadding="0" cellspacing="0">
  <tr>
      <td background="transperant.gif" height="10" width="192"></td>
        <td align="left" valign="top" width="47"></td>
    <td background="transperant.gif" height="10" width="192"></td>
  </tr>
  </table>
  <table width="431" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="left" valign="top"  class="pn-title">Overskrift1</td>
    <td align="left" valign="top" rowspan="3" background="images/prik1.gif" width="47">&nbsp;</td>
    <td align="left" valign="top" class="pn-title">Overskrift2</td>
  </tr>
  <tr>
    <td background="images/transperant.gif" height="5" ></td>
    <td background="images/transperant.gif" height="5" ></td>
  </tr>
  <tr>
    <td width="192" align="left" valign="top" class="article-summary">
        <div style="background-color:#f9f9f9;padding:8px;border:solid 1px #CCCCCC;width:192px;margin-left:0px;">
        bla bla bla bla bla bla bla<br>
        bla bla bla bla bla bla bla<br>
        bla bla bla bla bla bla bla<br>
        bla bla bla bla bla bla bla<br>
        bla bla bla bla bla bla bla<br>
        </div>
    </td>
    <td width="192" align="left" valign="top" class="article-summary">
    <div style="background-color:#f9f9f9;padding:8px;border:solid 1px #CCCCCC;;width:192px;margin-left:0px;">
          bla bla bla bla bla bla bla<br>
        bla bla bla bla bla bla bla<br>
        bla bla bla bla bla bla bla<br>
        bla bla bla bla bla bla bla<br>
        bla bla bla bla bla bla bla<br></div></td>
  </tr>
</table>
  <table width="431" border="0" cellspacing="0" cellpadding="0" >
    <tr>
      <td background="images/transperant.gif" height="15"></td>
  </tr>
  <tr>
      <td background="images/prik.gif" height="5"></td>
  </tr>
  <tr>
      <td background="images/transperant.gif" height="15"></td>
  </tr>
</table>
Avatar billede xbobby Nybegynder
28. maj 2005 - 08:17 #3
Ingen svar på mit sidste indlæg - jeg lukker og slukker
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester