what im trying to do is have 3 divs inside a parent div
Code: Select all
-----------------------[Parent div]---------------------------------
|[left col] [ center col ] [right col]|
--------------------------------------------------------------------
Code: Select all
-----------------------[Parent div]---
|[left col] [ center col ]|[right col]
----------------------------------------------
ive tried moving my divs about but here is my code
Code: Select all
#page{margin-top: 0px; margin-right: 100px; margin-left:100px; 5px; height: auto; position: relative;}
#about {position: absolute; top: 0px; left: 125px; width: 555px; height: auto; text-align: center;}
#link {position: absolute; top: 0px; right: 0px; width: 125px; height: auto;}
Code: Select all
<div id="page">
<div id="nav"><ul> {list here}</ul></div>
<div id="about"> text text text text text</div>
<div id="link"><ul>{list}</ul></div>
</div>
but i've re-typed this so many times with the same result that i've remembered the code i left out borders and bg colors cause im a bit lazy right now to go into detail
or if it seems like i've gotten every thing into one div the bg color on #page doesn't take
and upon applying a border on the parent div i find that nothing is contained within it