Ужас при ie

anonimen

Super Moderator
Здравейте!
Имам един формуляр, който при ie 6 изглежда ужасно...
5216.jpg

А при мозилата всичко е ok. И се чудя как да го оправя...

Разделил съм го в няколко дива. Направил съм нещо такова

Код:
<form>
     <div id="container">
          <p>Регистрация</p>

          <div id="form" class="neshta">

               <div class="col1">
                    <p>Парола</p>
                    <p>...</p>
               </div>

               <div class="col2">
                    <p> <input type=password /> </p>
                    <p>...</p>
               </div>

               <div id="reg">
                    <button>Регистрирай се!</button>
               </div>
          </div>

     </div>
</form>

css:
Код:
.col1, .col2 {
display: inline;
float: left;
text-align: left;
position: relative
}
.col1 { text-align: right}
#container { text-align: center; }
#reg { margin-bottom: 20px;}
 
много често при position-те се прецаква на ie6 или ie7.
сега ще ти кажа как ги правя аз нещата и нямам ядове:

CSS:
Код:
.content { /*tozi div sadarja dvata div-a za text i poleta*/
     margin: 0 auto;
     width: 500px;
     overflow: hidden;
}
.text {
     width: 240px;
     float: left;
}
.poleta {
    width: 250px;
    margin-left: 10px;
    float: left;
}

HTML:
Код:
<div class="content">
   <div class="text"></div>
   <div class="poleta"></div>
</div>
 
Направих го така, и се получи, но сега има разминаване между отделните параграфи и полета - и вече до полето за фамилия стои "име". Пробвах да им задам равна височина:
Код:
.col1 p { height: 20px}
.col2 p { height: 20px}
Но не става :-(,остава си същото.
 
Задължително ли е проекта който правиш да работи под IE6? Този браузър е супер стар, в световен мащаб едва 5 процента от хората все още използват този браузър и то предимно компании които не им се занимава да си обновяват системите. Дори Microsoft съветва клиентите си, а и девелопърите да подканват потребителите си да си обновяват браузъра. http://www.ie6countdown.com/
 
попринцип използваш доста БЛОКОВи елементи като дивове и параграфи .. сложи им позиция - инлайн(inline) или им задай точни параметри като височина и широчина ..и в краен случай .. флоут на ляво или дясно ..:) :?:
 
Здравей. В блога си тъкмо добавих нов урок за използването на условни коментари в Internet Explorer. Чрез тях можеш да добавиш отделен CSS или JavaScript файл в зависимост от версията на Internet Explorer. Може би ще ти бъде от полза.

Иначе начина, по който можеш да ги използваш е:



Кода в този условен коментар ще се изпълни само във IE версии по-ниски от 9.

Успех! :)
 

Back
Горе