---
title: "Fula mellanrum i Explorer :("
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/47556-fula-mellanrum-i-explorer"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "higa"
published: "2002-07-09T13:33:25.000Z"
updated: "2002-07-09T16:13:24.000Z"
replies: 1
views: 220
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/47556-fula-mellanrum-i-explorer"
---

# Fula mellanrum i Explorer :(

## #1 — higa, 2002-07-09T13:33Z

Jag håller på och utvecklar en webbshop och det ser bra ut i Mozilla, men i Internet Explorer och NS4 så blir det fula mellanrum mellan input-text-fälten. 
Här är sidan: <http://higa.dns2go.com/health/shop.html>
Och denna CSS-kod använder jag

```
input.vara {height: 23px; margin: 1px; }
p.vara {line-height: 25px; font-weight: bold;}
input.vara2 {height: 23px; margin: 1px; text-align: right; background: #A7FDC9; border: 1px black solid; width: 60px; padding-right: 2px;}
```

 
input.vara och input.vara2 är för input-textfälten, p.vara är för varunamn och á-pris

Mvh Lukas

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

## #2 — Matte, 2002-07-09T16:13Z

I IE är det enkelt att fixa. Byt ut:

```
<td>Total</td>
```

 mot

```
<td width="66">Total</td>
```

 

För NN4 är det lite värre. Först få du fixa lite i CSS-filen. Border för input ställer till problem, så byt ut:

```
border: 1px black solid;
```

 mot

```
border-left: 1px black solid; 
border-right : 1px black solid;
border-top : 1px black solid;
border-bottom : 1px black solid;
```

 
Det kommer inte att fixa saken, utan du behöver lägga varje input i en egen cell. Använd rowspan. Exempel:

```
  <tr> 
    <td valign="top" class="powerline" rowspan="2">Flame protect GAIN 6000</td>
    <td valign="top" class="powerline" rowspan="2">Orolig för att motoroljan ska antändas? 
        Använd detta flamskyddsmedel tillsammans med motorolja.</td>
    <td class="powerline"> 
      <span style="font-weight:bold">250 g</span>
    </td>
    <td class="powerline" align="right"> 
      <span style="font-weight:bold">300</span>
    </td>
    <td class="powerline"> 
      <input type="text" name="2a" size="1" value="0" class="vara" onkeyup="cunt(2,300)">
    </td>
    <td align="right" class="powerline"> 
      <input type="text" name="2b" size="4" value="0" class="vara2">
    </td>
  </tr>
  <tr>
    <td> 
      <span style="font-weight:bold">1 kg</span>
    </td>
    <td align="right"> 
      <span style="font-weight:bold">800</span>
    </td>
    <td> 
      <input type="text" name="3a" size="1" value="0" class="vara" onkeyup="cunt(3,800)">
    </td>
    <td align="right"> 
      <input type="text" name="3b" size="4" value="0" class="vara2">
    </td>
  </tr>
```

 
Du kommer inte heller i NN4 att få den blå linjen mellan grupperna. För att lösa det kan du t.ex lägga in en tabellrad med colspan=6 i en td. Lägg en transparent bild i cellen. Bildens höjd 2px, och en bakgrund med din önskade linjefärg, Alternativt en blå bild med height=2 och width=100%. Prova dig fram.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/47556-fula-mellanrum-i-explorer