CSS: Къде бъркам ?

C

Centrino

Registered
Здравейте нов съм в CSS- а и се опитвам да настроя едни колони но не се получава..... първите две се получиха, но третата, която искам да е от ляво не се появява защо ? къде греша. Ето го и кода
Код: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Free Search </title>

<style type="text/css">
body 
{
margin-left:50px;
margin-top:50px;
margin-right:50px;
margin-bottom:50px;
padding:0px;
background-image: url('bg.gif');
background-repeat: repeat
}
/*Header*/
.header {
position: absolute;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
margin-top: -42px; 
width: 930px; 
height: 60px; 
background-image: url('bg_head.gif');
background-repeat: repeat-x;
}
/*Head*/
.head {
position: absolute;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
margin-top: 0px; 
width: 930px; 
height: 80px; 
background-image: url('bg_head.gif');
background-repeat: repeat;

/*left*/
.left {
position:absolute;
float:left; 
width:120px;
height:530px;
border-right:1px dashed #666666;
}

</style>
</head>
<body>
<div class="header">
</div>
<div class="head">
</div>
<div class="left">
</div>
</body>
</html>
 
И още едно въпросче как да направя горните ъгли на head и header заоблени ?
 
Код: 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Free Search </title>

<style type="text/css">
body
{
margin-left:auto;
margin-right:auto;
padding:0px;
background-image: url('bg.gif');
background-repeat: repeat
}
.sudarjanie{
margin-left:auto;
margin-right:auto;
height: 670px ;
width: 930px ;
}
/*Header*/
.header {
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
width: 930px;
height: 60px;
background-image: url('bg_head.gif');
background-repeat: repeat-x;
}
/*Head*/
.head {
margin-bottom: auto;
width: 930px;
height: 80px;
background-image: url('bg_head.gif');
background-repeat: repeat;
}
/*left*/
.left{
position:absolute;
float:left;
width:120px;
height:530px;
border-right:1px dashed #666666;
}

</style>
</head>
<body>
<div class="sadurjanie">
<div class="header">
</div>
<div class="head">
</div>
<div class="left">
</div>
</body>
</html>
Така?

Защото небеше сложил "}"
.head {
margin-bottom: auto;
width: 930px;
height: 80px;
background-image: url('bg_head.gif');
background-repeat: repeat;
}
/*left*/
.left{
position:absolute;
float:left;
width:120px;
height:530px;
border-right:1px dashed #666666;
}
 
Това ли ти трябва
Код: 
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title></title>
<style type="text/css">
body{
background-position:center;
background-repeat:repeat-y;
font: normal 12px verdana;
}
div.sadyrjanie{
margin-left:auto;
margin-right:auto;
height:730px;
width:731px;
border: 1px #E9EEFA solid;
}
div.header{
width:731px;
height:163px;
background:#9c9c9c;
}
div.menu{
width:731px;
height:10px;
}
div.left{
width:155px;
height:550px;
float:left;
background:#9c9c9c;
}
div.center{
width:560px;
height:550px;
float:left;
background:#9c9c9c;
}
div.right{
width:100px;
height:550px;
float:right;
background:#FFFF00
}
div.mqsto{
width:5px;
height:550px;
float:left;
}
</style>


</head>
<body bgcolor="#757575">

<div class="sadyrjanie">
   <div class="header">Header</div>
   <div class="menu"></div>
   <div class="mqsto"></div>
   <div class="left">Lqvo</div>
   <div class="mqsto"></div>
   <div class="center">Center</div>
</div>
</body>
</html>
?

Демо http://ztorrents.no-ip.info/index1.html
 
Божееее че съм "наблюдателен..." Мерси много :)))


p.s а това със заоблените горни краища ?
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе