Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: ie7 vs. z-index nie dziala, pod ff ok.
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
marcim
2.09.2008, 20:35:12
Witam!
Mam taki problem, mam style, w których chce żeby jeden div był pod 2gim, wszystko ładnie pięknie pod Firefoxem, Operą, ale pod Internet Explorerm 7.0 już nie. Mam 2 divy, jak w kodzie, jeden ma być pod 2gim. Ale ie wyświetla jeden u góry, a 2gi pod nim (w sensie blokowym).
Oto kod:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html
  2. 	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3. 	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  5. <head>
  6. 	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  7. 	<title>Coś tam, i jeszcze coś</title>
  8. 	<style>
  9. 	 body  { margin:0;
  10.                  padding:0;}
  11.          div.up { background-color: #DDD;
  12.                   border: 1px solid black;
  13.                   width: 900px;
  14.                   height:700px;
  15.                   margin: 0 auto;
  16.                   position: relative;
  17.                   top:0;
  18.                   z-index: 3;
  19.                  }
  20.          div.down {background-color: #CCC;
  21.                  width: 100%;
  22.                  height: 300px;
  23.                  position: relative;
  24.                  z-index: 1;
  25.                  float: left;
  26.                  border: none;
  27.                 }
  28. 	</style>
  29. </head>
  30. <body>
  31. <div class="down"></div>
  32. <div class="up"></div>
  33. </body>
  34. </html>
[HTML] pobierz, plaintext
starach
2.09.2008, 21:19:02
Zawsze mnie wnerwiały problemy z pozycjonowaniem elementów w IE.
Jeśli możesz ustawiać marginesy na sztywno albo procentowo i zrezygnować z margin:0 auto;, to poniżej masz rozwiązanie.
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Coś tam, i jeszcze coś</title>
  6. <style>
  7. body { margin:0; padding:0;}
  8. div.up { 
  9. background-color: #DDD;
  10. border: 1px solid black;
  11. width: 70%;
  12. height:700px;
  13. margin: 2% 15% 0 15%;
  14. position: absolute;
  15. top:0;
  16. z-index: 3;
  17. }
  18. div.down {
  19. background-color: #CCC;
  20. width: 100%;
  21. height: 300px;
  22. position: absolute;
  23. z-index: 1;
  24. border: none;
  25. }
  26. </style>
  27. </head>
  28. <body>
  29. <div class="down">DOLNY</div>
  30. <div class="up">GÓRNY</div>
  31. </body>
  32. </html>
[HTML] pobierz, plaintext
marcim
3.09.2008, 14:29:54
$#$#%#% Internet Explorer! A takie rozwiązanie mnie nie ratuje, chcę właśnie mieć kolumne 900px, pod nią rozciągnięte 2 divy po 50% każdy, i żeby była wycentrowana ta kolumna 900px, ale widocznie z ie się tak nie da. Chyba że macie jakieś pomysł :
I dzięki za odp.
Pozdrawiam
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.