Can't move the right column to the top.

[AlexThibo]

Hi, I tried to fix a layout issues on my website for many hours now. The worst thing is that I'm pretty sure someone will point me the solutions really easily, but my newbie eye in php and css can't find how to fix this.

Here's the link to the store: http://fc4x4q.com/boutique/

If you look on the right, the grey part is the right column. What I'm trying to do is to have it to touch the black bar. What I though I could do is to include the headerWrapper part (and navMainWrapper which is included in it) inside contentMainWrapper, so contentMainWrapper will move and go up...

But I can't figure how to do that. Any help would be much appreciated.

[gjh42]

Add to your stylesheet

#navColumnTwo {padding-left: 0; padding-right: 0;}
#navColumnTwoWrapper {margin: -80px 0 0 0; padding: 5px 20px 0 30px; background: #eeeeee;}

Ideally, find the existing rules for these elements and adjust them as shown. You may need to tweak the paddings to match your current layout exactly.

[AlexThibo]

Thanks for the try gjh42 but it doesn't work. It just makes the column thinner. No vertical moves at all.

[gjh42]

It worked when I tested it on your site in Firebug. You may have put the new rules before the existing rules, so that the old paddings overrode the new ones. You need to make sure there is no other #navColumnTwoWrapper rule that resets these properties.

[AlexThibo]

Ok, don't go too far away. I'll retest it right now. Could be great to be able to fix this.

[AlexThibo]

It worked! I made sure all the rules are at the same place so no more overwrote! I had to play a little with the padding as you said but now the right column is perfect! Thanks again for your help gjh42! I'll 2 other thread for 2 other layout problem I currently have. You're welcome to guide me there too!