Zmieniłem trochę pomysł i chcę umieścić wyszukiwarkę obok menu. I tutaj jest problem. W IE 6 wyszukiwarka idzie pod menu, ponieważ menu jest nadal wyśrodkowane.
IE 6:
http://iv.pl/images/85567031483553906110.png
Mozilla:
http://iv.pl/images/29133002975080369232.png (chciałbym żeby tak wyglądało)
index:
<div id="menu"> <div class="wyszukiwarka"> <?php if(isset($_GET['wynik'])) { $wynik_filtru = trim($_GET['wynik']) ; } if(isset($_GET['submit'])) { header('Location: /szukaj/wynik/'.$wynik_filtru); } ?> <?php if(isset($_GET['wynik'])) { echo '<form action="?" method="get"> <input type="text" name="wynik" value="'.$_GET['wynik'].'" class="text" /> <input type="image" name="submit" src="images/szukaj.gif" value="Szukaj" class="submit" /> </form>'; } else { echo '<form action="?" method="get"> <input type="text" name="wynik" value="Szukaj w serwisie..." onclick="this.value=\' \'" class="text" /> <input type="image" name="submit" src="images/szukaj.gif" value="Szukaj" class="submit" /> </form>'; } ?> </div> </div>
CSS:
Kod
div#menu
{
margin-right: 2px;
width: 100%;
background-image:url(images/menu.png);
}
div#menu a
{
font-weight: bold;
display: inline-block;
text-decoration: none;
color: #000000;
margin-right: 35px;
height: 30px;
}
div#menu a:hover
{
font-weight: bold;
color: #000080;
}
.wyszukiwarka
{
width: 232px;
float: right;
}
.wyszukiwarka .text
{
width: 187px;
height: 25px;
padding: 4px 0 0 3px;
background: url(images/text.gif) no-repeat;
float: left;
border: 0;
}
.wyszukiwarka .submit
{
width: 30px;
height: 30px;
float: left;
padding: 0;
}
{
margin-right: 2px;
width: 100%;
background-image:url(images/menu.png);
}
div#menu a
{
font-weight: bold;
display: inline-block;
text-decoration: none;
color: #000000;
margin-right: 35px;
height: 30px;
}
div#menu a:hover
{
font-weight: bold;
color: #000080;
}
.wyszukiwarka
{
width: 232px;
float: right;
}
.wyszukiwarka .text
{
width: 187px;
height: 25px;
padding: 4px 0 0 3px;
background: url(images/text.gif) no-repeat;
float: left;
border: 0;
}
.wyszukiwarka .submit
{
width: 30px;
height: 30px;
float: left;
padding: 0;
}
Nie wiem dlaczego tak się dzieje.
Proszę o pomoc

Z góry dziękuje

Pozdrawiam,
adrianozo