заезжает один div под div

sce · January 12, 2011

Всем привет, ребята подскажите почему может блок 4 уезжать под блок 1

Блоки 2 и 3 наезжают на 1, а блок 4 почему то уходит под блок 1

вот картина:

css:


#1 блок{
	width:960px;
        margin-top:8px;
        border:1px solid red;
	background:url('../image/menubg_4.png') no-repeat;
	height:90px;
	text-align: center;
    }


#2 блок {
	float: left;
	width: 180px;
        margin-top: -45px;
	margin-right: 10px;

}

#3 блок  {
	float: right;
	width: 180px;
	margin-left: 10px;
}

#4 блок {
        border:1px solid red;
	float: right;
	width: 578px;
	margin-bottom: 10px;
        margin-top: -45px;
}

html

в коде хтмл обычные дивы

psywalker · January 12, 2011

А как должно быть?

Vlad · January 12, 2011

Схлопывающиеся отступы может быть? В блоке 4 не h1 какой-нибудь в начале стоит?

sce · January 12, 2011

А как должно быть?

Блок 4 должен быть как блоки 2 и 3, т.е наезжать на блок 1

Схлопывающиеся отступы может быть? В блоке 4 не h1 какой-нибудь в начале стоит?

вот хтмл блока 4:

{include file="$main_content_template"}

</div>

А тут $main_content_template в каких то файлах есть h1 в каких то нету

А что за схлопывающие отступы?

А и я проверил, если убрать инклуд файлы, и там написать просто текс все равно наезжает

Edited January 12, 2011 by sce

psywalker · January 12, 2011

Всё работает. Значит что то ты не так делаешь

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>

	<title></title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<style type="text/css">
	#wrap { overflow: hidden; width: 500px;}
		#head { border: 10px solid #000; height: 100px; background: red;}
		#left { float: left; width: 100px; background: green;height: 400px;}
		#right { float: right; width: 100px; background: green;height: 400px;}
		#content { overflow: hidden; background: blue; height: 400px;}
		#left,#right,#content { margin-top: -45px;}
	</style>



</head>
<body>
<div id="wrap">
	<div id="head">Head</div>
	<div id="left">Left</div>
	<div id="right">Right</div>
	<div id="content">Content</div>
</div>

sce · January 12, 2011

psywalker, В общем когда у меня нету например background: #000; для блока 1, то все четко наезжает, а как только добавляю фон дак он накрывает блок 4. Что это может означать?

Edited January 12, 2011 by sce

sce · January 12, 2011

Вот код хтмл:

{if $main_content_template == "category.tpl.html"}

<a href="">{$smarty.const.LINK_TO_HOMEPAGE}</a>

{section name=i loop=$product_category_path}

<span style="color: #999999;"> / </span> <a href="./{$product_category_path[0]}">{$product_category_path[1]}</a>

{/section}

</div><br />

{/if}

{include file="$main_content_template"}

</div>

Вот когда например у меня выполняется условие {if $main_content_template == "category.tpl.html"}

то блок <div id="breadcrumb"> все правильно наезжает на оризонтальный блок, а когда просто инклуд файл идет {include file="$main_content_template"}, то почему то горизонтальный блок закрывает часть содержимого инклуд файла

вот такая проблема

Sign In

заезжает один div под div

Question

sce

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

Vlad

Link to comment

Share on other sites

sce

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

sce

Link to comment

Share on other sites

sce

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information