Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: Div лезет на Div

Сообщения:  [1-10]   [11-13] 

 
 автор: Ильдар   (17.04.2011 в 18:25)   письмо автору
 
   для: Ильдар   (17.04.2011 в 17:22)
 

Все!! Простите все за беспокойство излишнее! Я нашел свой действительный косяк, в одном месте забыл DIV закрыть это после contentwrap

НЕВНИМАТЕЛЬНОСТЬ - ПРИЧИНА МНОГИХ ПРОБЛЕМ!

  Ответить  
 
 автор: Ильдар   (17.04.2011 в 17:22)   письмо автору
 
   для: Ильдар   (08.04.2011 в 15:17)
 

Знаете, все таки не помогло... все равно лезет

  Ответить  
 
 автор: Ильдар   (08.04.2011 в 15:17)   письмо автору
 
   для: AlexSol   (08.04.2011 в 12:38)
 

вот так реально помогло! Понял в чем моя ошибка была. Спасибо!

  Ответить  
 
 автор: AlexSol   (08.04.2011 в 12:38)   письмо автору
 
   для: Ильдар   (08.04.2011 в 11:38)
 


<html> 
<body> 
<style type="text/css"> 
#site{ 
margin:0 auto; 


#header{ 
position:relative; 
height:210px;} 

#contentwrapper{ 

     
#contentcolumn{     
padding:0 350px 25px 260px;
float:left; 
border-left:1px solid #999; 
border-right:1px solid #999;} 

#leftcolumn{ 
margin-right:-220; 
float: left; 
width: 220px;} 

#rightcolumn{ 
float: left; 
width: 310px;
margin-left: -310px;} 

#footer{ 
position:relative; 
background:url(/i/city.gif) right bottom repeat-x; 
height:200px;} 

.clear{clear:both;}
</style> 

<div id="site"> 
    <div id="header"></div> 
    <div id="contentwrapper"> 
        <div id="leftcolumn"></div> 
        <div id="contentcolumn"></div> 
        <div id="rightcolumn"></div> 

<div class="clear"></div>

    </div> 
    <div id="footer"></div> 
</div> 

</body> 
</html> 

  Ответить  
 
 автор: Ильдар   (08.04.2011 в 11:38)   письмо автору
 
   для: Ильдар   (08.04.2011 в 08:29)
 

Чтобы было понятно покажу наглядно мой код:

<html>
<body>
<style type="text/css">
#site{
margin:0 auto;
width:100%;}

#header{
position:relative;
height:210px;}

#contentwrapper{
float: left;
width: 100%;}
    
#contentcolumn{    
margin:0 330px 25px 240px;
padding:0 20px;
border-left:1px solid #999;
border-right:1px solid #999;}

#leftcolumn{
margin-right:-210;
float: left;
padding-left:10px;
width: 220px; /*Width of left column*/}

#rightcolumn{
float: left;
padding-right:10px;
width: 300px; /*Width of right column*/
margin-left: -310px; /*Set left marginto -(RightColumnWidth)*/}

#footer{
clear:both;
position:relative;
z-index:-1;
width: 100%;
background:url(/i/city.gif) right bottom repeat-x;
height:200px;}
</style>

<div id="site">
    <div id="header"></div>
    <div id="contentwrapper">
        <div id="leftcolumn"></div>
        <div id="contentcolumn"></div>
        <div id="rightcolumn"></div>
    </div>
    <div id="footer"></div>
</div>

</body>
</html>

  Ответить  
 
 автор: Ильдар   (08.04.2011 в 11:30)   письмо автору
 
   для: AlexSol   (08.04.2011 в 11:03)
 

нет, никак не помогает.
Если только высоту поставить фиксированную - но это не выход для динамичного контента:
<div id="wrapper">
<div style="float: left">1 колонка</div>
<div style="float: left">2 колонка</div>
<div style="float: left">3 колонка</div>
<div style="clear:both; height:100px;"></div>
</div>
123

  Ответить  
 
 автор: AlexSol   (08.04.2011 в 11:03)   письмо автору
 
   для: Ильдар   (08.04.2011 в 08:29)
 

<div id="wrapper">
<div style="float: left">1 колонка</div>
<div style="float: left">2 колонка</div>
<div style="float: left">3 колонка</div>
<div style="clear:both;"></div>
</div>
123

  Ответить  
 
 автор: Абырвалг   (08.04.2011 в 10:55)   письмо автору
 
   для: Ильдар   (08.04.2011 в 10:47)
 

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
</head>
<body>
<div id="wrapper">
<div style="float: left; width: 111px; background-color: red">1 колонка</div>
<div style="float: left; width: 222px; background-color: aqua">2 колонка</div>
<div style="float: left; width: 333px; background-color: lime">3 колонка</div>
<div style="overflow: hidden; clear: both; height: 1px"></div></div>
<div id="footer" style="background-color: yellow">Футер</div>
</body>
</html>

[поправлено модератором]

  Ответить  
 
 автор: Ильдар   (08.04.2011 в 10:47)   письмо автору
 
   для: Абырвалг   (08.04.2011 в 10:44)
 

И так пробовал исправлять :) НЕ помогает

  Ответить  
 
 автор: Абырвалг   (08.04.2011 в 10:44)   письмо автору
 
   для: Ильдар   (08.04.2011 в 09:10)
 

Пробовали, говорите?
Хе-хе...

Попробуйте тогда ИШШО раз, теперь без ошибок:
<div style="overflow: hidden; clear: both; height: 1px"></div>

  Ответить  

Сообщения:  [1-10]   [11-13] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования