And what’s the problem? you want something like
SIDEBAR CONTENT
SIDEBAR
or
SIDEBAR CONTENT SIDEBAR
Maybe you must try the float:left, float:right in your style sheet for every container,
Cheerz!,
Hope this can Help!,
Thread Starter
mpm
(@mpm)
I want
CONTENT SIDEBAR SIDEBAR
BUT I GET
CONTENT SIDEBAR
………………………………SIDEBAR
If I add something to the 1st sidebar (like a widget) that changes the sidebar height the 2nd sidebar drops down with it.
You must try something like this:
<style>
#wrap{size:760px}
#content{float:left; width:500px;}
#side1{float:left; width:130px;}
#side2{float:left;width:130px;}
</style>
<?php get_content(); ?>
<?php get_side1(); ?>
<?php get_side2(); ?>
This must work,
Cheerz!,
Hope this can Help!,
You must try something like this:
<style>
#wrap{size:760px}
#content{float:left; width:500px;}
#side1{float:left; width:130px;}
#side2{float:left;width:130px;}
</style>
<?php get_content(); ?>
<?php get_side1(); ?>
<?php get_side2(); ?>
This must work,
Cheerz!,
Hope this can Help!,
Check this to make you an idea of what im talking about:
<!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>
<style>
#wrap{size:760px}
#content{float:left; width:500px;}
#side1{float:left; width:130px;}
#side2{float:left;width:130px;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<div class="wrap">
<div id="content">CONTENT</div>
<div id="side1">SIDEBAR 1</div>
<div id="side2">SIDEBAR 2</div>
</div>
</body>
</html>
Cheerz!,
Hope this can Help!,
Wouldn’t you want this?
#content{float:left; width:500px;}
#side1{float:right; width:130px;}
#side2{float:right;width:130px;}
(nevermind, you were right. Mine swapped Side1/Side2)
If you have margins/paddings and borders – the 500+130+130 will not fit in 760, and one sidebar will always go down!
Thread Starter
mpm
(@mpm)
Thanks heaps guys. That worked a treat.
