...

View Full Version : Trouble positioning DIVs



nicky
05-15-2008, 12:52 PM
Here's the link to the page I'm having trouble coding: www.candi-coded.com/clients/plc.php

I'm having trouble positioning the main and nav DIVs into the content DIV. I could easily get it to be the way I wanted which is this...

http://i32.tinypic.com/j6orhj.png

...by using tables, but I'm trying to avoid tables. How can I position my DIVs to look like that? Please & thank you!

jhaycutexp
05-15-2008, 01:19 PM
<div id="wrapper">
<div><img scr="/image"></div>
<div>
<div id="content">content</div>
<div id="navigation">navigation</div>
</div>
</div>




#wrapper{width:400px;<--for example only set it to your preferred one..
}
#content{width:200px;<--for example only set it to your preferred one..
float:left;
}
#navigation{width:200px;<--for example only set it to your preferred one..
}


note that the sum of the widths of #content and #navigation must be equal to the size of width of the #wrapper..

and the width of the#wrapper should fit the size of the image..

nicky
05-15-2008, 09:28 PM
Well I got them to position the way I want, but if you view my url now...

www.candi-coded.com/clients/plc.php

...The light background color didn't extend. If you highlight that area, you'll see the text. Can you help me with that? And also, my two DIVs inside that particular DIV can't totally add up to it because I added a 3px padding around the edgings.

jhaycutexp
05-16-2008, 04:22 AM
just clear the divs


<div id="wrapper">
<div><img scr="/image"></div>
<div>
<div id="content">content</div>
<div id="navigation">navigation</div>
<div class ="clear"></div><---clear here
</div>
</div>





.clear{clear:both;}


heres a link for you to review.. this will teach you about positioning...
http://www.positioniseverything.net/explorer/peekaboo.html

cute girls.. japanese??

nicky
05-16-2008, 12:47 PM
I believe so. The fansite that I'm doing it for is www.candi-coded.com/lichun if you want to learn more about them.

jhaycutexp
05-16-2008, 01:18 PM
so did it solve your problem??

just let me know... if you have any...



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum