Текста минава под-дива. Как да го оправя?

[Foxy]

Имам див в който има друг див. Въпросът ми е как да направя текста, който пиша в първия див да не преминава под дива в него, а да си отива на нов ред.

 

[emagi]

Виж ,това ли имаш в предвид:

<!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=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#left {
	width:600px;
	height:200px;
	border:solid 1px red;
	float:left;
}
#right {
	width:200px;
	height:200px;
	border:solid 1px blue;
	float:left;
}
</style>
</head>

<body>
<div id="left">
Слоновете (Elephantidae) са семейство, отделено в специален разред наречен Хоботни (Proboscidea) от клас Бозайници. Известни са три вида: Степен слон, Горски слон (познати като Африкански слон) и Азиатски слон (известен и като Индийски слон). До настъпването на Ледената епоха са живеели и други видове (Мамут, Мастодонт, Платибелодонт и Амебелодонт).

Слоновете са сред най-дълго живеещите бозайници. Малките на слона се раждат с тегло около 100 кг. Износването им трае 20–22 месеца и е най-продължителното при бозайниците. Слоновете живеят 70 - 80 години, но отделни индивиди живеят и до 100 години.</div>
<div id="right"></div>
<div style="clear:both"></div>
</body>
</html>

 

[Foxy]

ето какво става:

опитах се да го поправя с част от твоя код ама пак същото става.
Ето оригиналния код:

<style type="text/css">
div.body {
width: 770px;
height: auto;
padding: 15px;
text-align: justify;
position: relative;
clear: both;
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;
position: absolute;
}
</style>
<div class="body">
<div class="reklama">
Реклама
</div>
<font size="4px"><font style="Comic Sans MS"><b>tralalalalallal al al la lal la lla lal lal la lal lal la asdasd asd sad asd asd asd</b></font></font>
</div>

 

[Anonymous]

<html>
<head>
<style type="text/css">
div.reklama {
width: 150px;
height: auto;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
background-color: #fff;
float: right;
}
</style>
</head>
<body>
Реклама
<div style="border: 2px dotted #3295FF;width: 770px; height: auto; text-align: left; padding: 15px;">
	 <div class="reklama">  самата реклама <br /></div>
	 tralalalalallal al al la lal la lla lal lal la lal lal la asdasd asd sad asd asd asd tralalalalallal al al la lal la lla lal lal la lal lal la asdasd asd sad asd asd asd
</div>	 
</body>
</html>

Пробвай така , ако ти върши работа.

 

[Foxy]

<html>
<head>
<style type="text/css">
div.reklama {
width: 150px;
height: auto;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
background-color: #fff;
float: right;
}
</style>
</head>
<body>
Реклама
<div style="border: 2px dotted #3295FF;width: 770px; height: auto; text-align: left; padding: 15px;">
	 <div class="reklama">  самата реклама <br /></div>
	 tralalalalallal al al la lal la lla lal lal la lal lal la asdasd asd sad asd asd asd tralalalalallal al al la lal la lla lal lal la lal lal la asdasd asd sad asd asd asd
</div>	 
</body>
</html>

Пробвай така , ако ти върши работа.

да, но виж как се размества:

 

[skatebord]

Ползвай таблици!