Double Padding efter float element

Det er ikke fordi du bare mangler at fjerne den padding der er som standard på html (eller er det på body?)?

Display: inline er et "hack" for at cleare dobbelt-marginen der er i IE6 når du floater et element samt giver et en side-margin (left/right).

Da du har både en padding-top og en generel padding på 5px, er det nok der problemet er - og der IE og FF muligvis tolker det forskelligt.

Ingen forskel med padding: 5px; fjernet eller ej.
Den er godt nok også kun på formen.

Brug margin til afstand mellem block elementer..

/JJ

<ole>

Når det sidste indhold i et block-element (eller et block-lignende element) er inline-indhold, vil et efterfølgende linjeskift i koden skabe ekstra luft i bunden af block-elementet ... men _kun_ i IE  ;o)

Ret dette:

    <span class="formw"><input type="submit" value="Save Data" size="25" /></span>
    </div>

- til:

    <span class="formw"><input type="submit" value="Save Data" size="25" /></span></div>

Så vil jeg tro, problemet forsvinder.

/mvh
</bole>

lettere bare at bruge margin-top i stedet..

jeg tror også du missede problemet ole, prøv at kigge i begge browsers.. Det er for alle .formw der er problemer, ikke kun knappen i bunden.

vh

Dobbelt-margin/padding-buggen er en gammel kending i IE, det kan vist kun klares med hacks à la:

<!--[if IE]>
<style type="text/css">
  .formw{padding:5px;}
</style>
<![endif]-->

Her er et forsøg på at få det ens i IE6, IE7, FF, Opera og Chrome
http://www.prebendahl.dk/exp/test/jakobdo/

For at få IE6 til at se ok ud har jeg ændret size 25 til 20 i dine input, jeg har sat display: inline-block; på din row samt ændret lidt i dine størrelser, men det er jo også kun et forsøg :)

zips: Jeg kan se du nu har sat padding på formw og label i stedet.
Er det tricket ?

Ja, jeg var nød til at ændre det da IE6 lavede dobbelt padding når man ville indtaste i dine input, derfor nu også inline i stedet for inline-block, men på den måde jeg har lavet det nu, se det ens ud i de nævnte browser.

Problemet ser ud til at være løst, ved at flytte padding til de 2 span'er og ikke lade dem være på div.row.
Smid et svar zips.

Her et svar, men jeg kan se du stadig har size 25 på dine input, det gør at det ser forkert ud i IE6 blot så du er klar over det, jeg satte dem til 20 for at få dem ens i alle browser

Jeg fjernede blot size, da jo bruger width: 150px;

Jeps :) det ser fint ud nu i IE6
Tak for point :)

Tak for hjælpen. :o)