Hi,

Could anyone help me out with this code.

 

 

If you look at the link you will see there is a big gap between the left menu and main text area, can anyone explain which part of the code i would need to change to get rid of the gap.

 

Thanks

 

Jonny

Having a look in firebug and it seems though the containers body and left are not wide enough so you have that large gap inbetween.

 

Highly recommend the firebug plugin for Firefox to solve these issues.

Yeah i used firebug but couldnt work out which part of the code to change, Do you have any suggestions as to which part to change?

#body {
float:right;
margin:20px 0;
overflow:hidden;
padding:0;
width:700px;/*increased width*/
}

.contentpaneopen {
clear:both;
color:#444444;
display:block;
font-size:14px;
margin:0;
padding:0 20px;
text-align:left;
width:680px;/*increased width*/
}

I have changed the code to what you put and tried increasing the width but the .contentpaneopen area is starting to move off the right hand side of the page rather than move over to the left, Firebug isnt picking up on anything being in that area between the menu and main area.

 

Any more suggestions?

 

Thanx

 

Jonny

The first width will bring it closer to the left

 

and the second width will spread your content out

ahh yes excellent, now i understand.

 

Thanks a lot for your help