Potrebna pomoć oko CSS-a [mrzim IE...]

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Kao što možete da pretpostavite, sve lepo radi u Firefoxu, ali IE pravi probleme. Nisam neki poznavalac CSS-a, tako da mi ovo, iako je verovatno nesto debilno, pravi velike probleme, dakle, div search je vertikalno razvucen i pomeren u stranu, u odnosu na poziciju u firefoxu, evo css-a(delovi za koje mislim da utiču na ovo):

body  {    font-family: Verdana, Arial, Helvetica, sans-serif;    background: #F3F3F3;    margin: 0;    padding: 0;    color: #000000; } .main_holder #container {    width: 990px;    background: #FFFFFF;    margin: 10px auto 10px auto;    text-align: justify; } .main_holder #header {    background: #DDDDDD;    padding: 0px;    background-image:url('../images/header_bck.jpg');    background-repeat:no-repeat;    width: 990px;    height: 212px; } #search_title {    margin: 0;    padding: 0;    font-family: Georgia, "Times New Roman", Times, serif;    color: #f4daaf;    font-size: 24px;    font-weight:lighter; } #searchBox{    background-image:url('../images/searchbar_bck.jpg');    background-color: #a2a6a9;    background-repeat:no-repeat;    border: 2px dotted;    border-color:#7a7c7d;    width: 150px;    height: 15px;    font-family: Verdana, Arial, Helvetica, sans-serif;    color: #fdf6e9;    font-size: 12px; } #search {    width: 150px;    height: 70px;    margin-top: -95px;    margin-right: 230px;    border-bottom: 1px dashed;    border-color: #7a7c7d;    float: right;    display: inline; } #sch_name {    font-family: Georgia, "Times New Roman", Times, serif;    color: #f4daaf;    font-size: 46px;    font-weight:lighter;    padding-left: 15px;    margin: 0; } #sch_type {    font-family: Georgia, "Times New Roman", Times, serif;    color: #cacaca;    font-size: 18px;    font-weight:lighter;    padding: 70px 0 0 15px; } #random_quote {    padding-top: 15px;    width: 150px;    font-family: Verdana, Arial, Helvetica, sans-serif;    color: #9d9d9d;    line-height:18px;    font-size: 11px; } #quote_author {    text-align: right;    font-family: Verdana, Arial, Helvetica, sans-serif;    color: #9d9d9d;    font-size: 11px; }

A ovo je HTML (samo header):

<div id="container">   <div id="header">   <div><p id="sch_type">Osnovna škola</p>   <p id="sch_name">Branko Palkovljevic Pinki</p></div>   <div id="search">   <h1 id="search_title">Pretraga:</h1>   <form method="get" action="search.php">   <div><input type="text" name="search" id="searchBox" />   </div></form><div id="random_quote">“Očajnički pokušavam da razumem zbog čega su kamikaze nosile kacige.”<p id="quote_author">Dave Edison</p></div></div> </div>

Evo kako izgleda u Firefoxu:

I u IE 6:

I zaboravih da kažem, drugovi koji koriste IE 7 su mi rekli da se u njemu prikazuje dobro.

Razbijam glavu već 4 sata oko ovoga, probao sam s pisanjem zasebnog css fajla za IE, ali ne uspevam...

Molio bih vas da mi pomognete oko ovoga.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

cini mi se da je problem zbog razlicitog "tumacenja" margina za <form> tag u IE i FF tj IE6 ima neku default vrednost, dok je kod FF ta vrednost 0.

u svakom slucaju, probaj da u CSS dodas:

div, img, table, td, form {    padding: 0px;    margin: 0px;    border: 0px; }

pa javi da li ti problem ostaje jer IE ima gomilu CSS bugova.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Problem je rešen! Hvala Rastafarii!

Bilo je još par manjih problema, ali njih sam uspeo da rešim!