pixel pixelowi nie równy IE/FF Opcje

[php programmer]

Witam.
Mam problem róznica w odległości między poszczeólnymi inputami
jest inna w FF i IE

[HTML] pobierz, plaintext 
<style>
.myinput{
margin-left:180px;
margin-top: 19px;
border:1px solid silver;
padding: 0px;
margin-bottom:0px;
height:18px;
display: block;
}
 
</style>
 
<div style="height:340px;width:790px;border:1px solid white" align="left">
 
<input type="text"     name="snick"      id="snick"      size="32" value="{snick}"       maxlength="100" class="myinput" style="margin-top:56px" >
<input type="text"     name="sfirstname" id="sfirstname" size="32" value="{sfirstname}"  maxlength="100" class="myinput" >
<input type="text"     name="slastname"  id="slastname"  size="32" value="{slastname}"   maxlength="100" class="myinput" >
<input type="text"     name="spesel"     id="spesel"     size="32" value="{spesel}"      maxlength="100" class="myinput" >
<input type="text"     name="sstreet"    id="sstreet"    size="32" value="{sstreet}"     maxlength="100" class="myinput" >
<input type="text"     name="spostal"    id="spostal"    size="32" value="{spostal}"     maxlength="100" class="myinput" >
<input type="text"     name="scity"      id="scity"      size="32" value="{scity}"       maxlength="100" class="myinput" >
 
</div>
[HTML] pobierz, plaintext 

Ten post edytował php programmer 17.01.2008, 15:26:30

[grzesiek_g]

IE6 potrafi podwajać marginesy, aby temu zaradzić stwórz style tylko dla IE6, dodasz je w taki sposób (za dołączeniem głównego css-a):

[HTML] pobierz, plaintext 
<!--[if lt IE 7]>
    <link rel="stylesheet" type="text/css" href="site_ie6.css" />
<![endif]-->
[HTML] pobierz, plaintext 

I w pliku CSS tylko dla IE6 wypiszesz tylko style które mają być nadpisane.

[gekon]

A jaki DOCTYPE wstawiasz?

[mokry]

Nie jestem pewien, ale powinno zadziałać z float i display.

[HTML] pobierz, plaintext 
<style>
.myinput{
margin-left:180px;
margin-top: 19px;
border:1px solid silver;
padding: 0px;
margin-bottom:0px;
height:18px;
 
display: inline;
float:left;
width: xxxpx;
 
}
 
</style>
[HTML] pobierz, plaintext 

[php programmer]

float:left;
rozwiązuje problem

Ten post edytował php programmer 18.01.2008, 12:23:02