Forum PHP.pl > Menu CSS

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

Macieqqq

20.02.2008, 18:11:52

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:

[HTML] pobierz, plaintext 
<html>
<head>
 
<link rel="Stylesheet" href="style.css" type="text/css">
 
</head>
<body>
 
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
</ul>
 
<div class="box">width: 130px</div>
 
</body>
</html>
[HTML] pobierz, plaintext

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

antstd

20.02.2008, 18:27:36

Dodaj przed html Doctype np:

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
[HTML] pobierz, plaintext

Opis

Macieqqq

20.02.2008, 18:42:00

Dziekuje, nie myslalem, ze deklaracja typu dokumentu bedzie miala tu znaczenie.

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.