|
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.
|
tj IE6 ima neku default vrednost, dok je kod FF ta vrednost 0.
