div залезает на другие divы

GuitarFan · March 18, 2012

Здравствуйте.

Скриншот:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>test!</title>
<LINK rel=STYLESHEET type="text/css" href="files/my.css">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
<div class="maindiv">
<div class="logo">
</div>
<div class="menu">
<b>Навигация:
<br>
<a href="index.php">Главная</a><br>
<a href="list.php">Список игр</a><br>
</b>
</div>
<div class="content">
tgjhrtghtrhrthrthrfthrthdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfg
</div>
<div class="right">
tgjhrtghtrhrthrthrfthrth
</div>
<div class="logodown">
</div>
</div>
</body>
</html>

CSS:

*{font-size: 10pt; font-family: Tahoma;}

a:link {color: #0066FF; text-decoration: none;}
a:visited {color: #006600; text-decoration: none;}
a:hover {color: #0066FF; text-decoration: underline;}

html, body {height:100%;
background-color:#7bc543;
background-image:url(3.png);}

.maindiv{width:80%; margin:0 auto; height:90%;}
.logo{margin-top:30px; height:83px; background-image:url(logo.gif);
border: 1px solid; border-color: white;
border-radius:15px 15px 0 0;}

.menu{width:15%; background: aliceblue; text-align:center; float:left; height:90%;}
.content{width:70%; background: aliceblue; text-align:center; float:left; height:90%;}
.right{width:15%; background: aliceblue; text-align:center; float:left; height:90%;}

.logodown{
width:80%; 
position:absolute; height:83px; background-image:url(logo1.gif);
border: 1px solid; border-color: white;
border-radius:0 0 15px 15px;}

Как сделать чтобы logodown был после всех дивов, внизу? А то он у меня на другие дивы лезет...

То есть он идет после первого logo, как будто бы других дивов нет. Не судите строго, я второй раз сайт пишу(

Извините если что не так, много текста...

alexandr_v-vich · March 18, 2012

position: relative;

Ну и вот тема

http://forum.htmlbook.ru/index.php?showtopic=5870&st=0

Edited March 18, 2012 by alexandr_v-vich

GuitarFan · March 18, 2012

position: relative;
Ну и вот тема
http://forum.htmlbook.ru/index.php?showtopic=5870&st=0

Извинясь, я не понял куда именно это писать: position: relative;

Прочел описание

Положение элемента устанавливается относительно его исходного места.

Ничего не понял...

alexandr_v-vich · March 18, 2012

position: relative;
Ну и вот тема
http://forum.htmlbook.ru/index.php?showtopic=5870&st=0
Извинясь, я не понял куда именно это писать: position: relative;
Прочел описание
Положение элемента устанавливается относительно его исходного места.
Ничего не понял...

У вас прописано

.logodown{
width:80%; 
position:absolute; height:83px; background-image:url(logo1.gif);
border: 1px solid; border-color: white;
border-radius:0 0 15px 15px;}

Вот где

position:absolute;

- заменить на то, что я написал. Он у вас будет идти после всех элементов согласно html разметке (т.е. в том же порядке, в каком прописан в html), но он не встанет в самом низу экрана (окна/страницы/документа), поэтому дал ссылку на как делаться это с подвалом.

GuitarFan · March 18, 2012

У вас прописано
.logodown{
width:80%; 
position:absolute; height:83px; background-image:url(logo1.gif);
border: 1px solid; border-color: white;
border-radius:0 0 15px 15px;}
Вот где
position:absolute;
- заменить на то, что я написал. Он у вас будет идти после всех элементов согласно html разметке (т.е. в том же порядке, в каком прописан в html), но он не встанет в самом низу экрана (окна/страницы/документа), поэтому дал ссылку на как делаться это с подвалом.

Я без понятия что такое подвал. Почитал тему - набор непонятных слов и только( Говорю же новичек

Edited March 19, 2012 by Searcher

Searcher · March 19, 2012

Я без понятия что такое подвал. Почитал тему - набор непонятных слов и только( Говорю же новичек

Вы сделали то, что вам советовали? А если новичёк - то вы разделом ошиблись.

Sign In

div залезает на другие divы

Question

GuitarFan

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

alexandr_v-vich

Link to comment

Share on other sites

GuitarFan

Link to comment

Share on other sites

alexandr_v-vich

Link to comment

Share on other sites

GuitarFan

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information