Forum Moderators: not2easy
I am building a 3 coloumn website. My main problem is that whenever i resize my website horizontally(left-to-right or right-to-left) my 3rd sidebar(right) moves over the maincontent and the website get screwed. I assigned a width to each and every box i have in %. Same for margins.
Kindly, could someone help me and let me know how i should solve this problem please. If needed i can paste my css code.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
you might need to set a minimum width on your outermost element (wrapper div) if all your other columns have a width or a min-width then the outer one will need to be greater than them all added together, this should then mean that as you resize you get a horizontal scroll.
Even in you middle column doesn't have it a width it might be being given an implicit width by the content (images/long urls) inside it