Проблем с позиционирането!

[misho]

Направих два div-а, като във вътрешния слагам един script, по-точно AdSense реклама. Прилагам две снимки. На първата е както трябва (под IE), а на втората е проблема (под Mozilla Firefox).

Off topic: за пръв път проблема е от лисицата... :shock:

index.php

<div id="error_name_pass">
 <div id="error_name_pass_inbox">
  <b>Излязахте успешно! След 5 секунди ще се върнете в началото<br /><br />
  <script type="text/javascript">
   
  </script>
  <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script><br /><br />
  <a href="index.php" target="_top">Пропусни рекламата</a>
 </div>
</div>

style.css

#error_name_pass {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	padding-top: 250px;
	text-align: center;
	vertical-align: top;
	background-image: url(images/bg_error.png);
	}
#error_name_pass_inbox {
	margin: auto;
	width: 300px;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	color: #000000;
	border: 1px solid #ffffff;
	background-color: #eb7070;
	}

 

[oniatam]

Проблема ти е в 100-те %-та, направи го width: 250px;

p.s. Ако знаеш какви са ти размерите, се стреми винаги да задаваш твърди размери, поне според мен така е най-добре.
А и си оправи правописните грешки, да не се излагаме.

Поздрави!

 

[misho]

Div-а error_name_pass е 100%, защото целта е да заема целя екран и да го затъмнява. Но рекламата е във вътрешния div, който си е позоциониран добре. Защо излиза от него и отива там горе?

П.П.: Аз английския не го уважавам много...

 

[oniatam]

top: 0px;
left: 0px;
Тия ги изтрий.
И нещо много неадекватно ми изглежда тоя ЦСС, явно си го взел от някъде и го преправяш.

 

[misho]

Не съм го взел от никъде, но нали трябва да задам някъде, че е на 0 пиксела от ляво и от горе или не е нужно? Махнах ги и промяна няма.

 

[oniatam]

 #error_name_pass {
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   position: absolute; 
   text-align: center;
   padding-top: 250px;
   background-image: url(images/bg_error.png);
   }
#error_name_pass_inbox {
   width: 300px;
    margin-left: auto;
    margin-right: auto;
   text-align: center;
   padding: 10px;
   color: #000000;
   border: 1px solid #000000;
   background-color: #eb7070;
   }

готов си!

 

[shterev]

Аз само ще попитам:
<div id="error_name_pass"> на тоя див, кой е родителя му?

 

[oniatam]

@shterev - Ти пък стресира човека, даже и мерси не каза....

 

[misho]

Открих причината съвсем случайно. Веднага след div-а съм сложил това и после не съм затворил тага, всъщност изобщо няма тиблици в страницата.

<table id="table" cellpadding="0" cellspacing="0" align="center">

oniatam, мерси все пак за бързия отговор. :?: Нямаше ме през почивните дни и за това пиша чак сега. :wink: