---
title: "För mycket mellanrum i tabell i FF"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/165452-för-mycket-mellanrum-i-tabell-i-ff"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "cok"
published: "2007-10-13T15:30:49.000Z"
updated: "2007-10-13T15:57:18.000Z"
replies: 5
views: 262
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/165452-för-mycket-mellanrum-i-tabell-i-ff"
---

# För mycket mellanrum i tabell i FF

## #1 — cok, 2007-10-13T15:30Z

Hej, jag har lite exempel-html som jag kör i IE7 och då renderas tabellen ut som jag vill. Kör jag det i FF så blir det för mycket space mellan kolumner och rader. Kan någon hjälpa mig med att förstå vad det är jag gör fel? Jag vill att det ska se likadant ut i både FF och Ie7 och så som det gör i Ie7 nu.

Lite mycket som kommer men enkelt att förstå... och jag hoppas någon har ork att titta på allt, jag förstår då inte vad som är fel.. :(

```
 <table width="700px" class="test" cellspacing="0px">
              <tr>
                <th class="test" colspan="2"><span id="Repeater1_ctl00_lblInfo">Bla bla bla: </span></th>

              </tr>
              <tr>
                <td class="test" colspan="2">
                  <p class="syfte"><span id="Repeater1_ctl00_lblInfoDescription"><code>Ja, informationen stämmer</code>.<br/>
        <br/>

        <code>Nej, informationen stämmer EJ</code>.</span> <br/><br/></p>
                </td>
              </tr>
              <tr>
                <td class="test" style="width: 367px">
	                <p class="rubrik">
                        Något</p>
                </td>

                <td class="test">
	                <p class="smallphonetext">
	                    <img src="Resources/Movable.png" alt="Ikon som representerar telefontyp" style="border-width:0px;" />&nbsp;<br />
	                    <span id="Repeater1_ctl00_lblPhoneType">Något</span></p>
                </td>
              </tr>

              <tr>
                <td class="test" style="width: 367px">
	                <p class="rubrik">
                        Något</p>
                </td>
                <td class="test">
	                <p class="text"><span id="Repeater1_ctl00_lblConnection">Något</span></p>
                </td>
              </tr>

               <tr>
                <td class="test" style="width: 367px">
	                <p class="rubrik">
                        Något</p>
                </td>
                <td class="test">
	                <p class="text"><span id="Repeater1_ctl00_lblRSID">Något</span></p>
                </td>
              </tr>

             <tr>
                <td class="test" style="width: 367px">
	                <p class="rubrik">
                        Något</p>
                </td>
                <td class="test">
	                <p class="text"><span id="Repeater1_ctl00_lblDepartment">Något</span></p>
                </td>
              </tr>

            <tr>
                <td class="test" style="width: 367px">
	                <p class="rubrik">
                        Något</p>
                </td>
                <td class="test">
	                <p class="text"><span id="Repeater1_ctl00_lblContactPerson">Något</span></p>
                </td>
              </tr>

             <tr>
                <td class="test" colspan="2">
	                <p class="rubrik"><br/>Tillval</p>
                </td>
              </tr>
            
            <tr>
                <td class="test" colspan="2">
                    <p class="text">
                        Något</p>

                </td>
            </tr>
        
            <tr>
                <td class="test" colspan="2">
                    <p class="text">
                        Något</p>
                </td>
            </tr>
        
            <tr>

                <td class="test" colspan="2">
                    <p class="text"></p>
                </td>
            </tr>
        
          </table>
```

Har sedan följande CSS:

```
p
{
color: #244674;
}
p.syfte
{
color:#244674;
text-align:left;
font-size:14px;
}
p.rubrik
{
color:#244674;
text-align:left;
font-size:13px;
font-weight: bold;
}
p.text
{
color:#244674;
text-align:left;
font-size:12px;
}
code
{
font-size:13px;
font-weight:bold;
}
p.intro
{
color:#244674;
text-align:center;
}
h1,h3
{
color: #244674;
text-align:center;
}
th
{
color: #244674;
empty-cells:show; 
}
table
{
empty-cells:show; 
color: #244674;
}
table.test
{
    border-color: #bbc9dd;
    border-width: 0px 0px 1px 1px;
    border-style: solid;
    empty-cells:show; 
}
td.test, select.test
{
    empty-cells:show; 
    border-color: #bbc9dd;
    border-width: 1px 1px 0px 0px;
    border-style: solid;
    margin: 0px;
    padding: 5px;
    vertical-align: top;
}
td.middle
{
    empty-cells:show; 
    border-color: #bbc9dd;
    border-width: 1px 1px 0px 0px;
    border-style: solid;
    margin: 0px;
    padding: 5px;
    vertical-align: middle;
	text-align: center;
}
th.test
{
    empty-cells:show; 
    border-color: #bbc9dd;
    border-width: 1px 1px 0px 0px;
    border-style: solid;
    margin: 0px;
    padding: 4px;
}
td.center
{
	text-align:center;
}

a {text-decoration: none }

p.smalltext 
{
	font-size:10;
	text-align:center;
}
p.smallphonetext 
{
	font-size:10;
}
body, select, input, textarea
{
	font-family: Verdana;
}
```

Permalänk: https://www.webforum.nu/p/165452

## #2 — headbug, 2007-10-13T15:38Z

Det har att göra med att IE och FF har olika defaultvärden på hur mycket padding/margin P, H1 etc ska ha. Sätt margin: 0; i din p-definition så blir det bra.

En bra vana är faktiskt att alltid nollställa ditt CSS-dokument med \* html {padding: 0; margin: 0;} Fast då är du tvungen att explicit sätta ut alla margins och paddings själv, men du vet vad du håller på med i alla fall :)

Permalänk: https://www.webforum.nu/p/2038664

## #3 — cok, 2007-10-13T15:44Z

Tackar, kände att det borde vara något enkelt. Och tack för tipset med att sätta padding och margin på html-taggen. :)

Permalänk: https://www.webforum.nu/p/2038668

## #4 — cok, 2007-10-13T15:51Z

El liten följdfråga... Texterna i FF är inte riktigt likadana. I ff är det inte lika "fylliga" och på vissa ställen är det inte Verdana alls. Verdana har jag satt att det ska vara på alla kontroller. Tips/ide?

Permalänk: https://www.webforum.nu/p/2038669

## #5 — headbug, 2007-10-13T15:54Z

Hmm, för mig ser det identiskt ut, men om du har LCD och ClearType aktiverat så blir det snyggare i IE, har jag för mig. Tyvärr inget att göra, skulle jag tro...

Förresten så använde jag verktyget FireBug till FF för att hitta vilken marginal det var som spökade, om man kör FireBug så klickar man på alla element på sidan och då visas i färg vilka områden som påverkas och så vidare...

Permalänk: https://www.webforum.nu/p/2038671

## #6 — cok, 2007-10-13T15:57Z

Just det, den applikationen är bra, speciellt för en rookie som mig som behöver veta hur taggarna hänger ihop.. :)

Permalänk: https://www.webforum.nu/p/2038674

---

Tråden på webben: https://www.webforum.nu/amne/html-css/165452-för-mycket-mellanrum-i-tabell-i-ff