Наместване на <div>-че

G

GaTio2

Registered
хора можете ли да ми помогнете защото 1 ното ми дивче даже и 2рото ми нещо не са в ред

style.css
Код: 
body {
background-color: #336633;
font-family:verdana,sans-serif;
font-size:12px;
margin:0pt;
padding:0pt;
}

.header {
background:transparent url(images/logo.jpg) repeat scroll 0%;
margin:0pt auto;
width:955px;
}

.content {
background:transparent url(images/content.jpg) repeat scroll 0%;
margin:0pt auto;
width:955px;
height:500px;
}

.menu {
background:transparent url(images/menu.jpg) repeat scroll 0%;
height:24px;
margin:0pt auto 10px;
padding:0pt;
width:955px;
}

.content2 {
margin:5px;
}

.bottom {
background:transparent url(images/bottom.jpg) repeat scroll 0%;
height:14px;
margin:0pt auto 10px;
padding:0pt;
width:955px;
}

.border {
border: 1px solid #666666;
}

a:link {
color: #6b8cbd;
text-decoration: none;
}

a:visited {
color: #6b8cbd;
text-decoration: none;
}

a:hover {
color: #6b8cbd;
text-decoration: underline;
}

a:active {
color: #6b8cbd;
text-decoration: none;
}

div.left{
width:200px;
height:450px;
float:left;
background-color: #FFFFFF;
} 

div.right{
width:200px;
height:450px;
float:right;
background-color: #FFFFFF;
}

div.center{
width:515px;
height:470px;
margin:0 auto;
background-color: #FFFFFF;
}

div.place{
width:20px;
height:450px;
float:left;
background-color: #6b8cbd;
}

index.html
Код: 
<!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>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<center>

<div class="header"><img src="images/logo.jpg" border='0'</img></div>
<div class="content">
<div class="menu"><tr><td><a href='#'>Начало</a>  |  <a href='#'>Форум</a>  |  <a href='#'>Видео</a>  |  <a href='#'>За мен</a>  |  <a href='#'>Контакти</a>  |  <a href='#'>Приятели</a></td></tr></div>

<div class="left">asdasdasdd</div>

<div class="place"></div>

<div class="center">asdasdasd</div>

<div class="place"></div>

<div class="right">Asda</div>





</div>
<div class="bottom"><img src="images/bottom.jpg" border='0'></img></div>

</center>
</body>
</html>

и вижте как излиза :(
29e2ecee64b54876.JPG


искам тва синьото и бялото да се качат горе като синьо е отляво :) или ако може да подобрите кода ще съм ви благодарен :?: и естествено +1 :D
 
Ето, пробвах го и работи. Само да спомена, че малко съм резнал кода, понеже беше излишен. Добавил съм рамка на div-a left и right вместо това place. Също така изтрих таг-а <center></center>, защо? Почти не се ползва вече, а и може да имаш проблеми с валидирането например. Вместо него сложих margin: 0 auto 0 auto. Стига толко писане, ето кода:

style.css
Код: 
body {
background-color: #336633;
font-family:verdana,sans-serif;
font-size:12px;
margin:0 auto 0 auto;
text-align:center;
}

.header {
background:transparent url(images/logo.jpg) repeat scroll 0%;
margin:0pt auto;
width:955px;
}

.content {
background:transparent url(images/content.jpg) repeat scroll 0%;
margin:0 auto 0 auto;
width:955px;
height:500px;
}

.menu {
background:transparent url(images/menu.jpg) repeat scroll 0%;
height:24px;
margin:0pt auto 10px;
padding:0pt;
width:955px;
}

.content2 {
margin:5px;
}

.bottom {
background:transparent url(images/bottom.jpg) repeat scroll 0%;
height:14px;
margin:0pt auto 10px;
padding:0pt;
width:955px;
}

.border {
border: 1px solid #666666;
}

a:link {
color: #6b8cbd;
text-decoration: none;
}

a:visited {
color: #6b8cbd;
text-decoration: none;
}

a:hover {
color: #6b8cbd;
text-decoration: underline;
}

a:active {
color: #6b8cbd;
text-decoration: none;
}

div.left{
width:200px;
height:450px;
float:left;
background-color: #FFFFFF;
border-right:20px solid #6b8cbd;
}

div.right{
width:200px;
height:450px;
float:right;
border-left:20px solid #6b8cbd;
background-color: #FFFFFF;
}

div.center{
width:515px;
height:470px;
margin:0 auto 0 auto;
background-color: #FFFFFF;
}

index.html
Код: 
<!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>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>

<div class="header"><img src="images/logo.jpg" border='0'</img></div>
<div class="content">
<div class="menu"><tr><td><a href='#'>Начало</a>  |  <a href='#'>Форум</a>  |  <a href='#'>Видео</a>  |  <a href='#'>За мен</a>  |  <a href='#'>Контакти</a>  |  <a href='#'>Приятели</a></td></tr></div>

<div class="left">asdasdasdd</div>
<div class="right">Asda</div>
<div class="center">asdasdasd</div>

</div>
<div class="bottom"><img src="images/bottom.jpg" border='0'></img></div>

</body>
</html>

DEMO
 
браво печелиш +1 но ако имаш време после към 8 може ли да ми разясниш нещо по скайп :lol:
 
GaTio2 каза:
браво печелиш +1 но ако имаш време после към 8 може ли да ми разясниш нещо по скайп :lol:
Увеличете...
Ако искаш пиши тука, тамън може и некой друг да ти помогне, ако аз немога.
 
Ми съответно с паддинг и маргин само за текса ? Зависи къде искаш да го местиш .. Може и с align ако става на въпрос за центриран или ляво/дясно.
 
EmPowerYou каза:
DEMO
Увеличете...

Разгледах темата, защото и аз имах проблем с позиционирането на div-тагове. При мен основно проблема е, че под ФФ и ИЕ нещата изглеждат различно :!: , но като тествах това DEMO видях, че и при него го има този проблем. :idea:
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе