малко помощ с текст до дива

[Foxy]

Здравейте! Имам един div, в който е съдържанието на сайта и още един, който е вътре в него, но като се опитам да пиша излиза чак отдолу втория, който е вътре в главния див. Ето снимка:

Как да го направя да излиза текста отляво на дива в главното съдържание? ето кода:

div.body {
width: 770px;
height: auto;
padding: 15px;
text-align: justify;
background-color: #fff;
}

div.reklama {
width: 150px;
height: 150px;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
background-color: #fff;
margin-left: 634px;
margin-top: -15px;
}

 

[lubo91]

Ако става въпросза дива реклама мисля че трябва да сложиш float: left; на body и после да го наместиш с margin: както си направил първия път.

 

[StormBreaker]

Пробвай така:

div.reklama {
width: 150px;
height: 150px;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
background-color: #fff;
position: absolute;
float: right;
}

 

[Foxy]

Ако става въпросза дива реклама мисля че трябва да сложиш float: left; на body и после да го наместиш с margin: както си направил първия път.

става въпрос за текста да стои до дива за реклама

StormBreaker не стана

 

[Anonymous]

Wrapping text around images and tables , може да ти помогне (ако съм те разбрал правилно).

 

[Foxy]

Wrapping text around images and tables , може да ти помогне (ако съм те разбрал правилно).

правилно си ме разбрал, но като се опитам да го направя се бъгва всичко (размества се)

 

[emagi]

Foxy, дай файла!

 

[Foxy]

Foxy, дай файла!

ето:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">

* { padding: 0; margin: 10; }

body {
background-color: #d5d5d5;
color: #000;
font-size: 13px;
font-family: verdana;
}

/* start of loyout */
#container {
width: 800px;
height: auto;
border: 1px solid #000;
margin: 0 auto;
}

div.header {
width: 800px;
height: 100px;
background-color: #fff;
}

div.menu {
width: 800px;
height: 16px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
background-color: #fff;
}

div.body {
width: 770px;
height: auto;
padding: 15px;
text-align: justify;
background-color: #fff;
}

div.reklama {
width: 150px;
height: 150px;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
background-color: #fff;
margin-left: 634px;
margin-top: -15px;
}

div.footer {
width: 800px;
height: 14px;
background-color: #fff;
border-top: 1px solid #000;
text-align: center;
font-size: 10px;
padding-top: 1px;
}
/* and of loyout */

/* start of navigation */
ul.navigation {
list-style-type: none;
padding-left: 143px;
margin: 0px;
}

ul.navigation li {
padding: 0 10px 0 10px;
float: left;
}

ul.navigation li a {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
text-decoration: none;
padding: 0 10px 0 10px;
letter-spacing: 1px;
color: #000;
}

ul.navigation li a:hover {
border-left: 1px solid #000;
border-right: 1px solid #000;
padding: 0 10px 0 10px;
color: #000;
}
/* and of navigation */

</style>
</head>
<body>
<div id="container">
<div class="header">
</div> 
<div class="menu">
<ul class="navigation">
<li><a href="#">Начало</a></li>
<li><a href="#">Статии</a></li>
<li><a href="#">Галерия</a></li>
<li><a href="#">Информация</a></li>
<li><a href="#">Контакти</a></li>
</ul>
</div> 
<div class="body">
<div class="reklama">
</div>
dfg sdf sdf sdf sd fsd fsd fsd fsd fsd fsd fsd fsd fsdf sdf sd fsd fsd fsdf sdf sdf sdf sdf sd fsdf sdf sdfsdfsdfsd f sdf sdf
<br /><br /><br /><br /><br />dfg sdf sdf sdf sd fsd fsd fsd fsd fsd fsd fsd fsd fsdf sdf sd fsd fsd fsdf sdf sdf sdf sdf sd fsdf sdf sdfsdfsdfsd f sdf sdf
</div>
<div class="footer">
Copyright © 2007 Web Design - akolevutd, All rights reserved. Valid HTML & CSS code. 
</div> 
</div> 
</body>
</html>

 

[Foxy]

оправих се