Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [IE8][CSS] problem z position relative i top
mpps
post
Post #1





Grupa: Zarejestrowani
Postów: 242
Pomógł: 0
Dołączył: 14.03.2003
Skąd: Szczecin

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

Witam,
kod:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3. <head>
  4.   <meta http-equiv="content-type" content="text/html; charset=ISO-8859-2">
  5.   <meta name="language" content="pl">
  6.   <link rel="stylesheet" href="style1.css" media="all" type="text/css">
  7. </head>
  8. <body>
  9. <div style="height:200px"></div>
  10. <div id="menu-bottom">
  11.   <div><a href="meble">aaa</a><a href="meble">aaa</a><a href="meble">aaa</a><a href="meble">aaa</a><a href="meble">aaa</a><a href="meble">aaa</a></div>
  12. </div>
  13. </body>
  14. </html>
[HTML] pobierz, plaintext

style:
[HTML] pobierz, plaintext 
  1. body{margin:0; padding:0; background:#bbb; font:11px/1.5em Arial,sans-serif; color:#8c8c8c; text-align:center;}
  2. #menu-bottom {height:94px; background:#484848; clear:both;}
  3. #menu-bottom a {height:94px; padding:13px 3px 13px 3px; margin-right:17px; line-height:40px; background:transparent; color:#e1e0e0; text-decoration:none;}
  4. #menu-bottom a:hover {padding:73px 3px 7px 3px; background:#959A9A; color:#fff; position:relative; top:60px;}
[HTML] pobierz, plaintext

problem:
Po najechaniu na link, powinien się on obniżyć o 60px.
Niestety w IE zaczyna 'skakać'. Pod FF i Operą wszystko jest OK.
Link [TUTAJ].
Czy to mój błąd w stylach, czy problem tkwi po stronie przeglądarki?
Może ktoś z Was ma jakiś pomysł?
Pozdrawiam
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
krzysztof_kf
post
Post #2





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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

Może tak ?

[CSS] pobierz, plaintext 
  1. body{margin:0; padding:0; background:#bbb; font:11px/1.5em Arial,sans-serif; color:#8c8c8c; text-align:center;}
  2. #menu-bottom {height:94px; background:#484848; clear:both;}
  3. #menu-bottom a { height:94px; padding:13px 3px 13px 3px; margin-right:17px; line-height:40px; background:transparent; color:#e1e0e0; text-decoration:none;}
  4. #menu-bottom a:hover {padding:13px 3px 73px 3px;  background:#959A9A; color:#fff;}
[CSS] pobierz, plaintext
Go to the top of the page
+Quote Post
mpps
post
Post #3





Grupa: Zarejestrowani
Postów: 242
Pomógł: 0
Dołączył: 14.03.2003
Skąd: Szczecin

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

Witam,
niestety nie (link nie przesuwa się na dół).
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 25.08.2025 - 06:47
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn