...

View Full Version : div going up



dizyn
11-02-2008, 11:29 AM
I want to display a row, then a row of 3 columns and then one more row.

First is working fine, but 2nd and 3rd are creating problems on FF

3rd goes up.

here is my code.

I want to show it like thisl
1. library-grey div
3. lib-content div with 3 cols in it.
4. pages div

any one help me out?

Regards,

code:



<!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=iso-8859-1" />
<title>Test</title>
<style>
#lib-content { padding:0px;border: 1px solid #000000;}
#lib-logo { width:50px; margin-left:5px; float:left; border: 1px solid #FFCCbb;}
#lib-doc { width:50px; margin-left:5px; float:left; border: 1px solid #FFCCcc;}
#lib-archive { width:50px; margin-left:5px; float:left; border: 1px solid #FFCCdd;}
</style>
</head>

<body>
<div id="main-left-content">
<div id="library-grey" style="background:#A8A88E;">
Uplaod | Archives
</div>

<div id="lib-content">
<div id="lib-logo"> Logo </div>
<div id="lib-doc"> a pdf </div>
<div id="lib-archive"> arch </div>
</div>

<div id="pages" align="right" style="background:#E0E0B0;" class="text">
<strong>pages: 1 | 2 | 3 | 4 | 5 </strong>
</div>

</div>
</body>
</html>

abduraooft
11-02-2008, 11:34 AM
Just clear your third row (div) by adding clear:both;

dizyn
11-02-2008, 11:37 AM
thanks man, but can you tell what does this mean? is there any clear one or only clear both?


Regards,
-dizyn

dizyn
11-02-2008, 11:42 AM
Also this is not not working, i mean it also goes up



<div id="lib-content">
<div id="lib-logo"> Logo </div>
<div id="lib-doc"> a pdf </div>
<div id="lib-archive"> arch </div>
</div>

<div id="lib-content">
<div id="lib-logo"> Logo </div>
<div id="lib-doc"> a pdf </div>
<div id="lib-archive"> arch </div>
</div>

abduraooft
11-02-2008, 12:06 PM
You may get something useful from www.positioniseverything.net/easyclearing.html



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum