Hej

Jag har ett skumt problem på en testsida vars innehåll senare ska infogas i en aktiv sida.

http://www.mobilservice.nu/shop/menu_test.php

Problemet är synligt om man jämnför denna sida i FF och IE (7). I FF smälter input text fältet med sin knapp fint in medan i IE så kommer det ett fält nedanför. Har testat olika CSS men utan bra resultat. Menyn som är till vänster är en javascript baserad meny men jag tror inte det är den som gör fältet nedanför input text.

CSS för detta är:

.Searchfield {
float: inherit;
background:url(../images/headbutton_26.gif) repeat-x center;
border:1px solid #9d9d9d;
background-color:b5b5b5;
height:inherit;
}

inputfield {
font-family: Verdana, Arial, Helvetica, sans-serif;
border: thin;
}


Kan någon hjälpa mig med detta vore jag tacksam

Vad händer om du flyttar <form>-taggarna utanför din tabell? <form> har en tendens att skapa padding.

Testa och sätt padding och margin till 0 i tabellen och formen.

Hej och tack för era svar :)

Cellpadding och cellspacing hjälpte inte men att lägga form taggen utanför gjorde susen :)

tack

Det är inte bara ett element som påverkar din layout men det kanske du var med på. Dock bör du ha tabellen innanför formulärtaggen om du använder den till layouten innanför.