CSS. Блоки DIV

@androidos · Регистрация: 07.07.2011

Всем привет!
Зарегался сёдня здесь, в надежде на помощь по CSS.
Идея такова, что делаю сайт (HTML,PHP,MYSQL).
Есть проблема: у body в CSS специально не выставлена фиксированная высота, чтобы при добавлении контента или каких-либо менюшек или других элементов, body увеличивалось автоматически. Всё прекрасно работало и работает, когда добавляю элементы на второстепенные страницы, т.е. к примеру на страницу contacts.html. Но главная страница index.html, при добавлении туда различных элеметов, они выезжают за тело...Хотя в CSS не стоит никаких значений для высоты тела...соответсвенно, это должно распространяться на все второстепенные страницы и на сам index.html....Но этого не происходит... ПС: Всё естественно в DIVах и у них так же не стоит фиксированной высоты...
Кто может что посоветовать?

@del_EX · 07.07.2011, 14:40

телепатом хоть каконибудь код нужно, чтобы распечатать, порезать, и погадать на кофейной гуще

@androidos · 08.07.2011, 23:16 **[ТС]**

HTML5

<sub:logout>
        
        <div id="mainmenu">
            <ul id="menu">
                <li><a href="start">i??/a></li>
                <li>
                    <a href="#">U??</a>
                    <ul>
                            <li><a href="#">CSS</a></li>
                            
                    </ul>
                </li>
            <li>
            <a href="#">???>
            <ul>
                    <li><a href="common_chat">???/a></li>       
                
            
                
                    <li><a href="privatechat">а???</a></li>        
            </ul>
            </li>
            <li>
            <a href="mymarks">???/a>
            <ul>
                <li><a href="mymarks">??a></li>     
                
                <li><a href="commonmarks">??</a></li>       
            </ul>
            </li>
            <li><a href="#">???</a></li>
            <li><a href="myedit">????</a>
            
            <ul>
                    <li><a href="myedit">???</a></li>       
                
            
                
                    <li><a href="myadd">U??</a></li>        
                    <li><a href="mypass_edit">Р??</a></li> 
            </ul>
            </li>
            <li><input type="text" placeholder= "Ю? ?????lass="search"></li>
            
            </ul>
        </div>
        
        <div id="logout">
        <form name=logout method=post>
            u ??? - <key:username>
            <input type=submit name=logout value="u?" class="button">
        </form>
        </div>
        
           <div id="indexmenu2">
    gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>
    gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>
    gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>
    gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>gggggggg<br>
            </div>
            
</sub:logout>

CSS

*{
    font-family:arial;
    font-size:11px;
}
body{
 
    
    background-color:#ffffff;
    width:1000px;
    
    margin:40px auto;
    border:1px solid #659EC7;
}
#background{
    background-color:#111111;
    
}
#head{
    padding:15px;
    background-image:url(images/bp.png);
    background-repeat:no-repeat;
    height:70px;
 
 
}
 
#footer{
width:1000px;
background-color:red;
}
 
#content{
height:auto;
background-color:#ffffff;
padding:10px;
 
}
 
#mainmenu{
height:50px;
 
}
 
#logout{
text-align:left;
width:370px;
margin:10px;
color:#4C787E;
font-weight:bold;
padding: 0 5px;
 
}
 
#indexmenu2{
float:right;
width:250px;
margin:20px 0;
padding:15px;
background-color:red;
}
 
 
#myinfo{
width:700px;
margin:20px 0;
}
 
#myedit{
width:700px;
margin:20px 0;
 
}
 
#myadd{
width:700px;
margin:20px 0;
}
 
#mymarks{
width:700px;
margin:20px 0;
}
 
#commonmarks{
width:700px;
margin:20px 0;
 
}
 
#commonchat{
width:700px;
margin:20px 0;
}
 
#privatechat{
width:700px;
margin:20px 0;
}
 
#mypassedit{
width:700px;
 
}
 
.mytable{
padding:15px;
}
 
.myimage{
padding:15px;
}
 
.button{
background-color:#659EC7;
color:white;
-moz-border-radius: 50px;
 border-radius: 50px;
 border-color: #659EC7;
}
 
.input{
 
width:175px;
background-image:url(images/inputbg.jpg);
background-repeat:repeat-x;
}
 
.input:focus{
border:2px solid #4C787E;
background:none;
background-color:#ffffff;
}
 
.search{
width:175px;
background-image:url(images/inputbg.jpg);
background-repeat:repeat-x;
-moz-border-radius: 50px;
 border-radius: 50px;
 padding-left:10px;
 font-style:italic;
}
 
.search:focus{
 
background:none;
background-color:#ffffff;
}
 
 
 
#user_common_chat{
color:#4C787E;
font-weight:bold;
}
 
#online{
margin-left:15px;
font-weight:bold;
}
 
 
#loginForm{
 
 
}
 
#wrapper{
width:1000px;
}
 
 
 
b.header{
    font-size:14px;
    color:#000000;
}
b.heading{
    font-size:12px;
    color:#000000;
}
a{
    font-size:14px;
    color:#000000;
}
a:hover{
    font-size:14px;
    color:#ff0000;
}
 
div.canvas{
    border:2px solid white;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px; 
    padding:10px;
    margin:10px;
    background-image:url(images/border.png);
}
div.line{
    border:2px solid silver;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px; 
    padding:5px;
    margin:5px;
    background-color:white;
}
 
.active{
color:red;
}
 
 
.error{
color:red;
display:none;
}

PS: DIV indexmenu2 выходит за BODY снизу...

@del_EX · 09.07.2011, 01:01

распечатал, благодаря длинному css получилось много бумаги, порезал, заварил, и вот, что нагадал:
чтобы блоки не утекали, добавьте еще один див, во всю ширину и нулевой высоты, чтобы не мешал, например после indexmenu2, вставляете:

HTML5

1	<div id="clear"></div>

css:

CSS

#clear{
height:0;
font-size:1px;
line-height:0px;
clear:both;
}

@androidos · 09.07.2011, 01:21 **[ТС]**

К сожалению не прокатил Ваш вариант. INDEXMENU2 съехал вверх на главный DIV BACKGROUND

@del_EX · 09.07.2011, 02:47

Как раз прокатил, он же теперь за боди не уплывает, на то он и плавающий блок, расположения не знаю, так что ничего посоветовать не могу... кроме как предоставить весь код или ссылку на сайт

@androidos · 09.07.2011, 02:54 **[ТС]**

мм шас конечно попробую покопаться еше разок, спасибо, попожже отпишусь еше

@DanilAndreev · 09.07.2011, 22:03

height:auto;
height:100%;

а ещё попробуйте вставить "распорки"...

@androidos · 09.07.2011, 22:40 **[ТС]**

пока ничего не помогает, а распорки же вроде для таблиц

@DanilAndreev · 10.07.2011, 00:29

ошибка в стилях... ИМХО... чесн говоря мне ща лень разбирать ))))

Проследи "наследование"... мож поможет да и не только в таблицах помогает )))

@androidos · 10.07.2011, 00:40 **[ТС]**

Попробую еще в стилях покопаться, но если не получится надеюсь будет время помочь ) мм...наследование как раз таки проверял в первую очередь, но ща еще раз гляну...

@androidos 29 / 27 / 5 Регистрация: 07.07.2011 Сообщений: 782
		1
	CSS. Блоки DIV 07.07.2011, 11:11. Просмотров 2586. Ответов 10 Метки нет (Все метки) Всем привет! Зарегался сёдня здесь, в надежде на помощь по CSS. Идея такова, что делаю сайт (HTML,PHP,MYSQL). Есть проблема: у body в CSS специально не выставлена фиксированная высота, чтобы при добавлении контента или каких-либо менюшек или других элементов, body увеличивалось автоматически. Всё прекрасно работало и работает, когда добавляю элементы на второстепенные страницы, т.е. к примеру на страницу contacts.html. Но главная страница index.html, при добавлении туда различных элеметов, они выезжают за тело...Хотя в CSS не стоит никаких значений для высоты тела...соответсвенно, это должно распространяться на все второстепенные страницы и на сам index.html....Но этого не происходит... ПС: Всё естественно в DIVах и у них так же не стоит фиксированной высоты... Кто может что посоветовать? 0

@del_EX 67 / 26 / 6 Регистрация: 15.06.2010 Сообщений: 75
	07.07.2011, 14:40	2
	телепатом хоть каконибудь код нужно, чтобы распечатать, порезать, и погадать на кофейной гуще 0

@androidos 29 / 27 / 5 Регистрация: 07.07.2011 Сообщений: 782
	09.07.2011, 01:21 [ТС]	5
	К сожалению не прокатил Ваш вариант. INDEXMENU2 съехал вверх на главный DIV BACKGROUND 0

@del_EX 67 / 26 / 6 Регистрация: 15.06.2010 Сообщений: 75
	09.07.2011, 02:47	6
	Как раз прокатил, он же теперь за боди не уплывает, на то он и плавающий блок, расположения не знаю, так что ничего посоветовать не могу... кроме как предоставить весь код или ссылку на сайт 1

@androidos 29 / 27 / 5 Регистрация: 07.07.2011 Сообщений: 782
	09.07.2011, 02:54 [ТС]	7
	мм шас конечно попробую покопаться еше разок, спасибо, попожже отпишусь еше 0

@DanilAndreev 2 / 2 / 0 Регистрация: 16.10.2010 Сообщений: 44
	09.07.2011, 22:03	8
	height:auto; height:100%; а ещё попробуйте вставить "распорки"... 0

@androidos 29 / 27 / 5 Регистрация: 07.07.2011 Сообщений: 782
	09.07.2011, 22:40 [ТС]	9
	пока ничего не помогает, а распорки же вроде для таблиц 0

@DanilAndreev 2 / 2 / 0 Регистрация: 16.10.2010 Сообщений: 44
	10.07.2011, 00:29	10
	ошибка в стилях... ИМХО... чесн говоря мне ща лень разбирать )))) Проследи "наследование"... мож поможет да и не только в таблицах помогает ))) 0

@androidos 29 / 27 / 5 Регистрация: 07.07.2011 Сообщений: 782
	10.07.2011, 00:40 [ТС]	11
	Попробую еще в стилях покопаться, но если не получится надеюсь будет время помочь ) мм...наследование как раз таки проверял в первую очередь, но ща еще раз гляну... 0

Опции темы