Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Menu CSS - Problem
Macieqqq
post 20.02.2008, 18:11:52
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:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.  
  4. <link rel="Stylesheet" href="style.css" type="text/css">
  5.  
  6. </head>
  7. <body>
  8.  
  9. <ul>
  10. <li><a href="#">Link 1</a></li>
  11. <li><a href="#">Link 2</a></li>
  12. <li><a href="#">Link 3</a></li>
  13. <li><a href="#">Link 4</a></li>
  14. </ul>
  15.  
  16. <div class="box">width: 130px</div>
  17.  
  18. </body>
  19. </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
Go to the top of the page
+Quote Post
antstd
post 20.02.2008, 18:27:36
Post #2





Grupa: Zarejestrowani
Postów: 22
Pomógł: 4
Dołączył: 9.12.2007
Skąd: Tychy

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

Dodaj przed html Doctype np:

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


Opis

Ten post edytował antstd 20.02.2008, 18:28:38
Go to the top of the page
+Quote Post
Macieqqq
post 20.02.2008, 18:42:00
Post #3





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

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

Dziekuje, nie myslalem, ze deklaracja typu dokumentu bedzie miala tu znaczenie.
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 21.06.2025 - 21:19
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn