Try this in your menu div
#menu {float: right;}
Thread Starter
royal
(@royal)
Unfortunately, that didn’t work. That pushed it flush right and vertically started where the body finished.
I see what you mean. You could perhaps create a “wrapper” the same width as you header, then the float right would work as it would push that sidebar only as far as the wrapper is wide. Make sense.
Just create a
#wrapper { width: “X”px;
height: 100%;}
THen enclosed your header, content and footer with the <div>.
There already is a wrapper, called rap….. which currently has not size defined. Here’s the changes I made. If these don’t get it there, it should get it closer:
#menu {
width: 130px;
/* margin: 0 auto 0 610px; */ /*took this out*/
float: right; /* added this */
padding: 10px;
background: #666666;
color: #ffffff;
font: 11px Georgia, Times New Roman, Serif;
text-align: left;
}
#rap {
padding: 0;
width: 740px; /*added this too */
}
Now, you still have some space on the left side of the content….
#content {
float: left;
width: 520px;
margin: 0 10px 0 30px; /* that’s because of the 30px margin here */
padding: 10px; /* plus this will go all the way aorund too */
background: #666666;
}
Anything else?
-tg
I think if you just define the width of the #rap and then set your sidebar to float right, that should pretty much clean up that 3px differentiation.
