frD-не могу притянуть слои, помогите.

Makcik · July 26, 2007

сделал каркас /коменты убрал./

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>title here</title>
<link rel="stylesheet" href="shablon.css" type="text/css">
</head>
<body>
<div id="container">
 <div id="header">header
 <div id="baner" align="center">baner</div>
 </div>
 <div id="vrezka">
 <div id="polosa">poloska</div>
 <div id="men-css">
 <div id="container">vertical menu css</div>
 </div>
 </div>
 <div id="wrapper">
 <div id="content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
</div>
 </div>
 <div id="navigation">
 <div id="men">menu</div><div id="cou1">...</div>

 <div id="new">news</div><div id="cou1">...</div>

 <div id="seac">search</div><div id="cou1">...</div>

 <div id="cou">counters</div><div id="cou1">...</div>

 </div>
 <div id="extra">
 <div id="tah-mal">tah-mal...</div>
 <div id="for-m">form</div>
 <div id="tah-bol">tah-bol...</div>
 </div>
 <div id="footer" align="center"><p>footer</p>
</div>
</div>
</body>
</html>

стили для него

 html,body{
margin:0;
padding:0
}
body{
font: 76% Verdana;
}
p{
margin:0 10px 10px
}
div#header{
height:101px;
line-height:80px;
margin:0;
padding-left:0px;
background: #FFD700;
color: #79B30B;
}
div#baner{
 border: none;
 padding-top: 10px;
 background: Green;
}
div#content p{
line-height:1.4
}
div#navigation{
background: #DCDCDC;
}
div#extra{
background:#fff
}
div#footer{
background: #DAA520;
color: #000
}
div#footer p{
margin:0;
padding:5px 10px
}
div#wrapper{
float:left;
width:100%
}
div#content{
margin: 0 25%;
border-left: 1px solid Black;
background: #F0E68C;
}
div#navigation{
float:left;
width:230px;
margin-left:-100%;
border: 0px solid;
background: #E6E6FA;
}
div#extra{
float:left;
width:25%;
margin-left:-25%;
background: Red;
}
div#footer{
clear:left;
width:100%
}
#men{
 width: 111px;
 height: 24px;
 background: #CD853F no-repeat fixed bottom left;
 margin-left: 10px;
}
#new{
 width: 111px;
 height: 24px;
 background: #FFC0CB no-repeat fixed bottom left;
 margin-left: 10px;
}
#seac{
 width: 111px;
 height: 24px;
 background: #DDA0DD no-repeat fixed bottom left;
 margin-left: 10px;
}
#cou{
 width: 111px;
 height: 24px;
 background: Red no-repeat fixed bottom left;
 margin-left: 10px;
}
#cou1{
 padding: 5px 5px 5px 0px;
 margin-left: 10px;
 border: 0px solid;
 background: #9ACD32;
}
#tah-bol{
 float: right;

 width: 177px;
 background: #87CEEB;
 clear: both;
 bottom: 0;
}
#tah-mal{
 float: right;
 width: 46px;

 background: #00FF7F no-repeat fixed bottom right;
}
#for-m{
 float: right;
 width: 25%;
 background: Yellow;
}
#vrezka {
 background: #ccff99;
 width: 100%;
 margin: 5px 0 5px 0;
 padding: 0 0 0 0;
}
#polosa {
 float: left;
 width: 25%;
 background: #F5DEB3;
}
#men-css {
 margin-left: 225px;
 background: #ccff99;
}
#container{
 background: #D2B48C;
}

надо притянуть div id="cou" к div id="footer", и соответственно с правой стороны так же, div id="tah-bol" к div id="footer".

но у меня не получается, подскажите пожалуйста как это сделать.

Fu-tai · July 26, 2007

Лень!

Makcik · July 27, 2007

коменты для себя на данный момент, сейчас убрал.

да, а что в коде не так?? это мне все нужно.

Makcik · July 27, 2007

поправил

kiD · July 27, 2007

Попробуй. Подумай.

отжеч решил?)

Makcik · July 30, 2007

А почему ты в коде привел аж 24?

не 24 а 23 слоя.

У тебя проблемы с четырьмя слоями.

у меня проблемы с тремя слоями, а что остальные так сильно мешали??, это было для наглядности, чтоб легче было понять как должно все выглядеть.

ну уж если вам так хочется, пожалуйста сократил:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>title here</title>
<link rel="stylesheet" href="shablon.css" type="text/css">
</head>
<body>
<div id="container">div container
 <div id="wrapper"></div>
 <div id="navigation">div navigation
 <div id="cou">counters...</div>
 </div>
 <div id="extra">div extra
 <div id="tah-bol">tah-bol...</div>
 </div>
 <div id="footer" align="center">footer</div>
</div>
</body>
</html>

html,body{
margin:0;
padding:0
}
body{
font: 76% Verdana;
}
div#navigation{
background: #DCDCDC;
}
div#extra{
background:#fff
}
div#footer{
background: #DAA520;
color: #000
}
div#wrapper{
float:left;
width:100%;
background: Aqua;
}
div#navigation{
float:left;
width:230px;
margin-left:-100%;
border: 0px solid;
background: #E6E6FA;
}
div#extra{
float:left;
width:25%;
margin-left:-25%;
background: Red;
}
div#footer{
clear:left;
width:100%
}
#cou{
 width: 111px;
 height: 24px;
 background: Red no-repeat fixed bottom left;
 margin-left: 10px;
}
#tah-bol{
 float: right;
 width: 177px;
 background: #87CEEB;
 clear: both;
 bottom: 0;
}
#container{
 background: #D2B48C;
}

Sign In

frD-не могу притянуть слои, помогите.

Question

Makcik

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Fu-tai

Link to comment

Share on other sites

Makcik

Link to comment

Share on other sites

Makcik

Link to comment

Share on other sites

kiD

Link to comment

Share on other sites

Makcik

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information