текстовое содержание дива наезжает на соседней див

dmr · March 2, 2012

текст в теге div id="content" наезжает на футер. У меня уже все мысли исчерпались по этому поводу. :dash: В чём проблема? Можете объяснить? Заранее спасибо.

CSS:


html {
height: 100%;
}
body { 
	 height: 100%;
	}
* {
	padding:0;
	margin:0;
}

#wrapper {
    min-width: 1000px;
    min-height: 100%;
	background: #f00;
}

/* Middle
—————————————*/
#middle {
    border-left: 250px solid #B5E3FF;
    border-right: 250px solid #FFACAA;

    position: relative;
    background: #988780;
}
#container {
    width: 100%;
    float: left;
    overflow: hidden;
    margin-right: -100%;
}
#content {
    padding: 0 20px;
}
/* Footer
—————————————*/
#footer {
    height: 100px;
    background: #BFF08E;
}

HTML:


<html>
 <head>

    <link rel="stylesheet" href="style.css" type="text/css"  />

</head>

<body>

<div id="wrapper">

    <div id="middle">  <!-- все пространство от хедера до футера-->
        <div id="container">
            <div id="content">

				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
				text text text text text text text text text text text text text text text text
            </div><!-- #content-->
        </div><!-- #container-->

    </div><!-- #middle-->

</div><!-- #wrapper -->

<div id="footer">
  футер
</div><!-- #footer -->


</body>
</html>

Switch74 · March 2, 2012

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

alexandr_v-vich · March 2, 2012

#footer {

clear both; <—--

height: 100px;

background: #BFF08E;

}

Edited March 2, 2012 by alexandr_v-vich

dmr · March 2, 2012

#footer {
clear both; <—--
height: 100px;
background: #BFF08E;
}

слетал тоже самое _http://s2.ipicture.ru/Gallery/Viewfull/8970381.html :facepalmxd:

alexandr_v-vich · March 2, 2012

Не понимаю о чём вы...

http://jsfiddle.net/wrSV6/3/

Может глупый вопрос, но после clear двоеточие ставили?

Switch74 · March 2, 2012

надеюсь после both стрелочку не ставили

dmr · March 2, 2012

Не понимаю о чём вы...
http://jsfiddle.net/wrSV6/3/
Может глупый вопрос, но после clear двоеточие ставили?

Конечно же не ставил :rolleyes:

Всем спасибо. Всё работает.

Sign In

текстовое содержание дива наезжает на соседней див

Question

dmr

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

Switch74

Link to comment

Share on other sites

alexandr_v-vich

Link to comment

Share on other sites

dmr

Link to comment

Share on other sites

alexandr_v-vich

Link to comment

Share on other sites

Switch74

Link to comment

Share on other sites

dmr

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information