[css] mapa rozwala strone pod opera. Opcje

[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:

[HTML] pobierz, plaintext 
	<style type="text/css">
		#mapka.nieaktywna
		{
                        background-image: url('../images/staticmap.gif');                  
			border: 1px solid black;
			width:655px;height:446px;margin-right:-90px;margin-top:10px;position:relative;top:-9px;
 
		}
 
		#mapka.nieaktywna div#aktywator
		{
			text-align: center;			
			background: black;
			filter: alpha(opacity=45);
			-moz-opacity: 0.45;
			opacity: 0.45;
			color: white;
			font-size: 13px;
			font-family: Arial;
			margin-top: 134px;
			cursor: pointer;
                        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;
 
		}
 
		#mapka.aktywna
		{
			border: 1px solid black;
			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;
			background: gray;
		}
 
		#mapka.aktywna div#aktywator
		{
			display: none;
 
		}
		</style>
[HTML] pobierz, plaintext 

Dodam tez , ze po kliknieciu w Operze aktywuj mape , zaaktywowana mapa jest ok i wszystko leci na swoje miejsce a kod maja taki sam (IMG:style_emoticons/default/winksmiley.jpg)

Ten post edytował gigzorr 21.08.2010, 20:15:40

[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.

[HTML] pobierz, plaintext 
<div id="container">
    <div class="left"></div>
    <div class="center"></div>
    <div class="right"></div>
</div>
<style type="text/css">
#container {width: 1000px; overflow: auto; margin: 0 auto; padding: 0px;}
#container .left,#container .center, #container .right{float: left; clear: none;margin: 0px; padding: 0px;}
#container .left {width: 180px}
#container .center {width: 655px}
#container .right {width: 165px} /* 1000-180-655=165*/
</style>
[HTML] pobierz, plaintext 

edit up: W operze na win7 nadal się sypie

Ten post edytował vokiel 21.08.2010, 21:29:22