Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Menu CSS - Problem
Macieqqq
post
Post #1





Grupa: Zarejestrowani
Postów: 19
Pomógł: 0
Dołączył: 19.04.2007

Ostrzeżenie: (0%)
-----


Witam, stworzylem menu oparte na CSS. Niestety na Operze i IE jest roznie wyswietlane - inna szerokosc. Tutaj widac jak to wyglada:

http://toya.net.pl/~maxmax/css/

W Operze, z tego co widze do calkowitej szerokosci (130px) dokladana jest szerokosc padding i border, w IE nie.

Jak sprawic, aby w obu przegladarkach strona wygladala identycznie?

Jeszcze dam zrodlo:

index.php:
  1.  
  2. <link rel="Stylesheet" href="style.css" type="text/css">
  3.  
  4. </head>
  5.  
  6. <ul>
  7. <li><a href="#">Link 1</a></li>
  8. <li><a href="#">Link 2</a></li>
  9. <li><a href="#">Link 3</a></li>
  10. <li><a href="#">Link 4</a></li>
  11. </ul>
  12.  
  13. <div class="box">width: 130px</div>
  14.  
  15. </body>
  16. </html>


style.css:
Kod
ul {
margin: 0;
padding: 0;
}

a {
display: block;
width: 130px;
padding: 5px;
background-color: silver;
border-left: 5px solid yellow;
}

a:hover {
background-color: olive;
text-decoration: none;
border-left: 5px solid black;
}

li {
list-style-type: none;
}

.box {
background-color: black;
color: white;
width: 130px;
}



Z gory dziekuje
Pozdrawiam
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 23.12.2025 - 22:17