Toon posts:

[CSS] Waarom zet FF een veld niet uiterst links neer?

Pagina: 1
Acties:

Verwijderd

Topicstarter
Beste mensen,

Ik zit met het probleem dat mijn mail form er in IE goed uit ziet, maar in FF is het niet zo mooi.
In IE worden de tekst velden keurig links en rechts uitgelijnd.
Maar FF lijnt hem alleen maar rechts of links uit.

Afbeeldingslocatie: http://www.wmi.nu/forum/IE2.gif

Afbeeldingslocatie: http://www.wmi.nu/forum/FF2.gif

Deze gaat goed, hij vult 100% van de 299px
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
/* E-mail adres velden */
.emailadrescontainer {
    width: 412px;
    height: 20px;
    }

.emailadrestekst {
    width: 112px;
    font-family: Verdana;
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;
    float: left;
    }   

.emailadresveldcontainer {
    width: 299px;
    float: right;
    }

.emailveld {
    width: 100%;
    font-family: Verdana;
    font-size: 10px;
    text-decoration: none;
    color: #0000FF;
    float: right;
    }
/* ------------------- */


"telefaxveld" wordt uiterst rechts binnen 299px neer gezet, en lijnt aan de rechter kant uit met het veld hier boven.

"telefoonveld " moet uiterst links, maar hij blijf een paar pixels verschillen met het veld van hierboven.
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
/* Telefoon en Telefax velden */
.telefoonenfaxcontainer {
    width: 412px;
    height: 20px;
    }

.telefoonenfaxtekst {
    width: 112px;
    font-family: Verdana;
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;
    float: left;
    }

.telefoonenfaxveldcontainer {
    width: 299px;
    float: right;
    }
    
.telefoonveld {
    width: 45%;
    font-family: Verdana;
    font-size: 10px;
    text-decoration: none;
    color: #0000FF;
    float: left;
    }
    
.telefaxveld {
    width: 45%;
    font-family: Verdana;
    font-size: 10px;
    text-decoration: none;
    color: #0000FF;
    float: right;
    }
/* -------------------------- */


Is daar nog wat aan te doen?

  • equationunequal
  • Registratie: Oktober 2001
  • Laatst online: 06-05 20:49
Ander default waarde lijkt me...

Zet je margins en padding op 0...

[ Voor 10% gewijzigd door equationunequal op 24-03-2005 19:06 ]

[ equationunequal.nl - portret & model fotografie ] [ newskin.nl - socials ]


Verwijderd

Topicstarter
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
/* Telefoon en Telefax velden */
.telefoonenfaxcontainer {
    width: 412px;
    height: 20px;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
    }

.telefoonenfaxtekst {
    width: 112px;
    font-family: Verdana;
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
    float: left;
    }

.telefoonenfaxveldcontainer {
    width: 299px;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
    float: right;
    }
    
.telefoonveld {
    width: 45%;
    font-family: Verdana;
    font-size: 10px;
    text-decoration: none;
    color: #0000FF;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
    float: left;
    }
    
.telefaxveld {
    width: 45%;
    font-family: Verdana;
    font-size: 10px;
    text-decoration: none;
    color: #0000FF;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
    float: right;
    }
/* -------------------------- */


Zo heb ik het nu gedaan, maar er gebeurd niks.

Verwijderd

Zijn er verschillen in whitespace om de inputs?