Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Menu i wyszukiwarka, a IE 6
Forum PHP.pl > Forum > Przedszkole
adrianozo
Witam.
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:

  1. <div id="menu">
  2. <a href="">Strona główna</a>
  3. <a href="/portfolio">Portfolio</a>
  4. <a href="/oferta">Oferta</a>
  5. <a href="/skrypty">Skrypty</a>
  6. <a href="/o_mnie">O mnie</a>
  7. <a href="/kontakt">Kontakt</a>
  8. <a href="/reklama">Reklama</a>
  9. <div class="wyszukiwarka">
  10. <?php
  11. if(isset($_GET['wynik']))
  12. {
  13. $wynik_filtru = trim($_GET['wynik']) ;
  14. }
  15. if(isset($_GET['submit']))
  16. {
  17. header('Location: /szukaj/wynik/'.$wynik_filtru);
  18. }
  19. ?>
  20. <?php
  21. if(isset($_GET['wynik']))
  22. {
  23. echo '<form action="?" method="get">
  24. <input type="text" name="wynik" value="'.$_GET['wynik'].'" class="text" />
  25. <input type="image" name="submit" src="images/szukaj.gif" value="Szukaj" class="submit" />
  26. </form>';
  27. }
  28. else
  29. {
  30. echo '<form action="?" method="get">
  31. <input type="text" name="wynik" value="Szukaj w serwisie..." onclick="this.value=\' \'" class="text" />
  32. <input type="image" name="submit" src="images/szukaj.gif" value="Szukaj" class="submit" />
  33. </form>';
  34. }
  35. ?>
  36. </div>
  37. </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;
}


Nie wiem dlaczego tak się dzieje.
Proszę o pomoc smile.gif
Z góry dziękuje smile.gif
Pozdrawiam,
adrianozo
erix
Daj element formularza jako pierwszy w kontenerze; stary IE jest pod tym względem głupi. winksmiley.jpg
adrianozo
Dzięki. Pomogło smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.