проблем с Div-вете

D

dunix

Registered
Понеже не успях да измисля подходящо заглавие за темата ще помоля, модератор/админ да го редактира по-подходящо, а не да заключва/изтрива темата. - Благодаря предварително!

Сега към проблема ми:
7339ba1dc9436cf2.png


Виждате розовото, виждате и белият фон. Трябва белият фон да бъде под розовият. Да се получи нещо такова:
ef82faa4ef1fdcf0.png


Ето това е кодът:

Код: 
<!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" dir="ltr" lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>сайт</title>

<style type="text/css" media="screen">
* {	margin: 0; padding: 0; }

body { background-color: #CCFF99; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #414141; }

#mainFrame { width: 950px; position: relative; z-index: 90; margin: 0 auto;	padding: 0;	text-align: left; 
	-moz-box-shadow: 0 0 12px #A09F9F; 
	-webkit-box-shadow: 0 0 12px #A09F9F;
	box-shadow: 0 0 12px #A09F9F; }
#mainContainer { background-color: #FFF; position: relative; padding: 15px;	z-index: 80; }

.last_theme { padding-bottom: 3px; border-bottom : 1px dashed #FF6FB6; border-bottom-style: solid; }

</style>

</head>
<body>
	
	<div id="mainFrame" style="width:950px;">
	
		<div id="mainContainer">
			<div style="float:left;">

				<div style="background-color: #fdf1f5; padding: 5px; width: 200px; margin-right: 15px; -moz-box-shadow: 0 0 12px #ff6fb6; -webkit-box-shadow: 0 0 12px #ff6fb6; box-shadow: 0 0 12px #ff6fb6;">
					<div class="last_theme" style="padding-top: 6px; text-align:center;">Последни теми</div>
					
					<div style="padding: 3px;">
							<small>име на темата 28/12/10 10:39</small>
							<p>част от мнението, част от мнението</p>
					</div>					
					<div style="padding: 3px;">
							<small>име на темата 28/12/10 10:39</small>
							<p>част от мнението, част от мнението</p>
					</div>					
					<div style="padding: 3px;">
							<small>име на темата 28/12/10 10:39</small>
							<p>част от мнението, част от мнението</p>
					</div>					
					<div style="padding: 3px;">
							<small>име на темата 28/12/10 10:39</small>
							<p>част от мнението, част от мнението</p>
					</div>

				</div>
				<div style="clear: both;"> </div>
			</div>
			
	dasd

			
		</div>

	</div>

</body>
</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" dir="ltr" lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>сайт</title>

<style type="text/css" media="screen">
* { margin: 0; padding: 0; }

body { background-color: #CCFF99; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #414141; }

#mainFrame { width: 950px; position: relative; z-index: 90; margin: 0 auto; padding: 0; text-align: left;
-moz-box-shadow: 0 0 12px #A09F9F;
-webkit-box-shadow: 0 0 12px #A09F9F;
box-shadow: 0 0 12px #A09F9F; }
#mainContainer { background-color: #FFF; position: relative; padding: 15px; z-index: 80; }

.last_theme { padding-bottom: 3px; border-bottom : 1px dashed #FF6FB6; border-bottom-style: solid; }

</style>

</head>
<body>

<div id="mainFrame" style="width:950px;">

<div id="mainContainer">
<div style="float:left;">

<div style="background-color: #fdf1f5; padding: 5px; width: 200px; margin-right: 15px; -moz-box-shadow: 0 0 12px #ff6fb6; -webkit-box-shadow: 0 0 12px #ff6fb6; box-shadow: 0 0 12px #ff6fb6;">
<div class="last_theme" style="padding-top: 6px; text-align:center;">Последни теми</div>

<div style="padding: 3px;">
<small>име на темата 28/12/10 10:39</small>
<p>част от мнението, част от мнението</p>
</div>
<div style="padding: 3px;">
<small>име на темата 28/12/10 10:39</small>
<p>част от мнението, част от мнението</p>
</div>
<div style="padding: 3px;">
<small>име на темата 28/12/10 10:39</small>
<p>част от мнението, част от мнението</p>
</div>
<div style="padding: 3px;">
<small>име на темата 28/12/10 10:39</small>
<p>част от мнението, част от мнението</p>
</div>

</div>
</div>
dasd
<div style="clear: both;"> </div>
</div>

</div>

</body>
</html>
Увеличете...

Просто е трябвало да преместиш тоя див както е сега ;)
 
shterev каза:
Просто е трябвало да преместиш тоя див както е сега ;)
Увеличете...

Така става, но като добавя друг див, който трябвя да седи до този той отива под него.
 
Код: 
<!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" dir="ltr" lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style>body {margin:0; padding:0; background-color: #CCFF99; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #414141; }
#mainFrame
{
background: white;
width: 950px;
margin: 0 auto;
padding: 5px;
-moz-box-shadow: 0 0 12px #A09F9F;
-webkit-box-shadow: 0 0 12px #A09F9F;
box-shadow: 0 0 12px #A09F9F;
}

#left
{float:left;}
#right
{float:right;}

#last
{
background-color: #fdf1f5;
width: 200px;
margin: 10px;
 -moz-box-shadow: 0 0 12px #ff6fb6;
 -webkit-box-shadow: 0 0 12px #ff6fb6;
 box-shadow: 0 0 12px #ff6fb6;
}
#drug
{
background-color: #fdf1f5;
width: 700px;
margin: 10px;
 -moz-box-shadow: 0 0 12px #ff6fb6;
 -webkit-box-shadow: 0 0 12px #ff6fb6;
 box-shadow: 0 0 12px #ff6fb6;
}
.last_theme { padding-bottom: 3px; border-bottom : 1px dashed #FF6FB6; border-bottom-style: solid; }</style>
</head>
<body>
<div id="mainFrame">
<div id="left">
<div id="last">
<div class="last_theme" style="padding-top: 6px; text-align:center;">Последни Теми</div>
<div style="padding: 3px;">
<small>име на темата 28/12/10 10:39</small>
<p>част от мнението, част от мнението</p>
</div><div style="padding: 3px;">
<small>име на темата 28/12/10 10:39</small>
<p>част от мнението, част от мнението</p>
</div><div style="padding: 3px;">
<small>име на темата 28/12/10 10:39</small>
<p>част от мнението, част от мнението</p>
</div><div style="padding: 3px;">
<small>име на темата 28/12/10 10:39</small>
<p>част от мнението, част от мнението</p>
</div><div style="padding: 3px;">
<small>име на темата 28/12/10 10:39</small>
<p>част от мнението, част от мнението</p>
</div><div style="padding: 3px;">
<small>име на темата 28/12/10 10:39</small>
<p>част от мнението, част от мнението</p>
</div>
</div>
</div>
<div id="right">
<div id="drug">
Друг Див ?
</div>
</div>
<div style="clear:both;"></div>
</div>
</body>
</html>

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

Back
Горе