i am getting padding on the inside of the body_main but then the padding around the body_panel will not work, take a look at the attached image for what i am left with.
i am not sure if i am causing a problem as i am trying to put padding on the body_main and then trying to then set the padding on the body_panel which i s a child of body_main (i think not to up on css), but even if i try to just set the padding on the body_main i am still not getting the padding around body_panel.
ant help with this would be really helpfully or even a pointer to a good tutorial which will show me the way forward with this problem.
Based on your description, it sounds to me like what you want is space around the body_panel divs. If that is correct, padding is not the correct property to use. You need to use margin instead. update line 14 in your CSS sample above to be margin: 5px;
i was reading a little bit about the box model, when i put the margin on the body_panel of 5px if the div that it is in is set to 100% width then it will then be 100% +5px due to the margin.
when using the box model it takes into consideration that there is already a div set to 100% and keeps this at the same width instead of adding the 5px.
i have not seen this before i started to look into my problem it must be fairly new to css but then again i was never that good at css anyway php, mysql and other scripting languages where always my stonger point.
can you point me in the direction of a good tutorial on the box model function and it implementaion?
i will search also and post back if i get it to work or not.