Проблем под ИЕ

[ventsi34]

Здравейте, ако може вижте този проблем, който се появява по ИЕ, на дизайна, който кодирам.

Ето и HTML-a

<div id="register">
				<img src="img/register_hat.png" width="385px" height="122px" id="register_hat"/>
				<div id="register_repeater">
				
					<form action="register.php" method="POST" id="form">
						Вашите три имена:<div class="input"><div class="form_style"><input class="input_form" type="text" name="full_name"/></div></div>
						Потребителско име:<div class="input"><div class="form_style"><input class="input_form" type="text" name="user_name"/></div></div>
						Парола:<div class="input"><div class="form_style"><input class="input_form" type="password" name="user_pass"/></div></div>
						Повтори паролата:<div class="input"><div class="form_style"><input class="input_form" type="password" name="user_pass2"/></div></div>
						Валиден e-mail:<div class="input"><div class="form_style"><input class="input_form" type="text" name="user_mail"/></div></div>
						Населено място:<div class="input"><div class="form_style"><input class="input_form" type="text" name="user_city"/></div></div>
						Точен адрес:<div class="input"><div class="form_style"><input class="input_form" type="text" name="user_address"/></div></div>
						<input id="submit" type="submit" value=""/>
						<input id="reset" type="reset" value=""/>
						<input type="hidden" name="hidden" value="1"/>
					</form>
				</div>
				<div id="register_bottom"> </div>
			</div>

и css

#register_hat{
	margin: 0 auto;
}
#register_repeater{
	background: url(../img/register_repeater.gif) repeat-y;
	width: 385px;
	margin: 0 auto;
	margin-top: -50px;
}
#register_bottom{
	background: url(../img/register_bottom.gif) no-repeat;
	height: 24px;
	width: 385px;
	margin: 0 auto;
}

 

[shadow_cool]

Какъв по точно е проблема?

имаш предвит синия бордер от картинката която е отгоре да продължи и на доло, ако да просто си преправи register_repeater.gif да го има, ако не пиши какъв точно е проблема?

 

[dELux_nike]

#register_hat{
margin: 0 auto;
}
#register_repeater{
background: url(../img/register_repeater.gif) repeat-y;
width: 385px;
margin: 0 auto;
margin-top: -50px;
}
#register_bottom{
background: url(../img/register_bottom.gif) no-repeat;
height: 24px;
width: 385px;
margin: 0 auto;
}

на пръв поглед това в червеното да ли не е от него ? защо задаваш 2-пъти маргин ?
пробвай така

margin: -50 auto;

а това в зеленото неможе да го центрираш без да си му задал
ширина /width

 

[ventsi34]

принципно по дизайн трябва да изглежда така...

проблема е, че като дам точно този отрицателен margin, който е посочил dELux_nike под всички браузари ми излиза супер но под ИЕ-то самата снимка влиза поддолната част (снимал съм го в горния пост), а ако го няма този margin се получава това..

shadow_cool е дал отговор да го изрежа със самото бяло от доло това оправя проблема, но след това не знам как да го анимирам с javascript искам да се прибира в смисал такав да остава само отгоре синьото капаче като се кликне върху него.[/list]

 

[relax15pyt]

http://www.quackit.com/css/properties/css_z-index.cfm виж за какво служи z-index

И да питам, използваш ли ДОКТАЙП (DOCTYPE) ?

 

[ventsi34]

Имам DOCTYPE,а z-index не работи под ИЕ6