it-swarm-eu.dev

vstupní obsah ve FF & Opera

na mém webu mám formulář „registrace uživatele na web“. Vypadá to dobře ve všech prohlížečích kromě Opera a FF .. Snažil jsem se ukázat obrázky prostřednictvím html, takže vidíte, co tím myslím, ale nemůžu bez 10 příspěvků a mohu poslat pouze jeden odkaz. .

zde je jeden obrázek a vysvětlení ->
http://img183.imageshack.us/img183/4903/45825110.jpg

všimněte si vertikální vzdálenosti mezi vstupními políčky ...

jak to, aby to vypadalo stejně ve všech prohlížečích?

předem děkuji za anwsers .. Andrej

btw: Na své stránce jsem nepoužil žádné resety CSS ..

firefoxuser-input
2
Andrej

Jen vyzkoušel to v JSFiddle a zdá se, že to funguje dobře.

HTML:

<form>
    <fieldset>
        <input />
        <input />
        <input />
        <input />
        <input />

        <input id='kbr' />
        <label id='kbr_label' for='kbr'>Kbr:</label>

        <input />
        <input />
        <input />
        <input />
    </fieldset>
</form>​

CSS:

    fieldset {
        border: 1px dotted silver;
        padding: 1em;
        width: 10em;
    }

    input {
        display: block;
        float: right;
        margin-bottom: 0.5em;
        width: 100%;
    }

    #kbr {
        width: 50%;
    }

    #kbr_label {
        float: right;
    }

UPRAVIT:

Verze 2 v JSFiddle zbaví se posledního spodního okraje vstupních polí.

0
Metalshark

Je to těžké, aniž byste viděli nějaký kód, ale jednoduchý problém s okrajem/výplní v různých prohlížečích lze často napravit pomocí resetování prohlížeče ve vašem CSS.

Zde je příklad, i když pokud provedete vyhledávání Google, uvidíte, že existuje mnoho dalších.

http://www.siolon.com/blog/browser-reset-css/

0
binaryorganic

Nejprve zkuste použít striktní doctype , protože to omezuje problémy v různých prohlížečích na téměř žádný. Ve své nejjednodušší podobě můžete dát <!doctype html> jako první věc na svou stránku před <html>.

Zveřejnění kódu HTML/CSS by bylo užitečné, ale zdá se, že je třeba ke vstupům přidat okraj. Při jeho nejzákladnějším přidání margin: 2px 0 do vašich stylů pro tyto vstupy by mělo fungovat léčení.

0
DisgruntledGoat