DIV уезжает вниз.

EventPromo · April 26, 2011

Почему <div class="working_panel"> уезжает вниз! я не могу понять почему!


<body>
    <form id="form1" runat="server">
        <div class="pre_working_panel">
            <div class="event_promo_panel">
                <div class="header">Event Promo</div>
                <div>eventpromoby@gmail.com</div>
            </div>
        </div>
        <div class="working_panel">
            <div>
                <img class="image" src="3f0ad3de.png" />
            </div>
        </div>
    </form>        
</body>


*{
    margin: 0;
    padding: 0;
    outline: medium none;        
 }
body 
{
    background: url("812-150326.jpg") no-repeat scroll 50% 0 transparent;
    background-color: #CCCCCC;
    color: #333333;
    font-family: tahoma,verdana,"trebuchet ms";    
}
.working_panel
{
	background: url("shadow.png") repeat-y scroll transparent;
	width: 868px;
	margin: 0 auto;
	margin-top: 10px;
	overflow: hidden;
}
.event_promo_panel
{
	margin: 0 auto;
	margin-top: 200px;
	width: 850px;
	height: 100px;
	filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	background: #333333;
}
.pre_working_panel {    
    height: 327px;
    margin-bottom: 10px;
    position: relative;
    z-index: 20;
    margin: 0 auto;
    width: 868px;
	top: 10px;		
}
.header
{
	color: White;
	margin-top: 25px;
	margin-left: 50px;
	font-size: 270%;
	font-family: "Times New Roman", serif; 
	font-style: italic;
	font-weight: bold;
	float: left;	
}
.header + div
{
	color: Red;
	margin-top: 50px;
	margin-right: 50px;
	float: right;
	font-size: 135%;
	font-family: "Times New Roman", serif; 
	font-style: italic;
	font-weight: bold;	
}
.image
{
	height: 178px;
	margin-left: 20px;
	margin-top: 6px;
	width: auto;
	height: auto;
	margin-bottom: 13px;
	float: left;
}

и еще один вопрос! почему не разворачивался этот , когда я не использовал IMG, а просто прописал класс к диву внутреннему в котором был background

<div>

</div>

Gaspode · April 26, 2011

Почему <div class="working_panel"> уезжает вниз! я не могу понять почему!

Потому что его отодвигает верхний див, который в 327 пикселей высотой. А что, по-вашему, должно происходить?

EventPromo · April 26, 2011

это понятно! но он еще на какойто участок уезжает и на какой понять не могу!

как по мне должно быть так:

а получается так:

Sign In

DIV уезжает вниз.

Question

EventPromo

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Gaspode

Link to comment

Share on other sites

EventPromo

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information