Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] mapa rozwala strone pod opera.
Forum PHP.pl > Forum > Przedszkole
gigzorr
Witam, mam taki oto problem , ze pod opera strona sie rozwala , a dokladniej to elementy mapy,mapa szaleje.
Oto link: http://graczepolscy.pl/index.php
Dodam , ze pod firefoxem,ie,chrome jest ok.

A tutaj kod odpowiedzialny za ten kawalek:
  1. <style type="text/css">
  2. #mapka.nieaktywna
  3. {
  4. background-image: url('../images/staticmap.gif');
  5. border: 1px solid black;
  6. width:655px;height:446px;margin-right:-90px;margin-top:10px;position:relative;top:-9px;
  7.  
  8. }
  9.  
  10. #mapka.nieaktywna div#aktywator
  11. {
  12. text-align: center;
  13. background: black;
  14. filter: alpha(opacity=45);
  15. -moz-opacity: 0.45;
  16. opacity: 0.45;
  17. color: white;
  18. font-size: 13px;
  19. font-family: Arial;
  20. margin-top: 134px;
  21. cursor: pointer;
  22. width:655px;height:446px;display:inline-block;margin-right:-90px;margin-top:10px;display:inline-block;float:left;z-index:0;position:relative;top:-9px;
  23.  
  24. }
  25.  
  26. #mapka.aktywna
  27. {
  28. border: 1px solid black;
  29. width:655px;height:446px;display:inline-block;margin-right:-90px;margin-top:10px;display:inline-block;float:left;z-index:0;position:relative;top:-9px;
  30. background: gray;
  31. }
  32.  
  33. #mapka.aktywna div#aktywator
  34. {
  35. display: none;
  36.  
  37. }
  38. </style>

Dodam tez , ze po kliknieciu w Operze aktywuj mape , zaaktywowana mapa jest ok i wszystko leci na swoje miejsce a kod maja taki sam winksmiley.jpg
darophp
A co robi to: margin-top: 134px; w #mapka.nieaktywna div#aktywator questionmark.gif
gigzorr
hm nic , przypadkowo wsadzilem , ale to nie od tego smile.gif
KomputeromaniaK
Wydaje się jak by była za szeroka i się nie mieściła
gigzorr
to tez nie , ale juz sie udalo , pozmienialem,poedytowalem pare divow i dziala smile.gif

vokiel
Masz w tym kodzie tak, nawalone, że aż dziw, że to w ogóle jakoś się układa, masakra. Te trzy kolumny są do przepisania od zera. Próbujesz conetent szerokości 1082px wcisnąć w kontener o szerokości 1000px, poza tym ogrom niepotrzebnego kodu. Wstawianie div'ów do tabelki, która nic nie robi, tylko psuje układ, div w divie co nic nie daje, itd...

Zrób sobie podział na ładne 3 kolumny o ustalonej szerokości i floatach i będzie ok.
  1. <div id="container">
  2. <div class="left"></div>
  3. <div class="center"></div>
  4. <div class="right"></div>
  5. </div>
  6. <style type="text/css">
  7. #container {width: 1000px; overflow: auto; margin: 0 auto; padding: 0px;}
  8. #container .left,#container .center, #container .right{float: left; clear: none;margin: 0px; padding: 0px;}
  9. #container .left {width: 180px}
  10. #container .center {width: 655px}
  11. #container .right {width: 165px} /* 1000-180-655=165*/


edit up: W operze na win7 nadal się sypie
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.