Forum Moderators: not2easy

Message Too Old, No Replies

minimizing/resizing css problem

         

tyrone

9:19 am on May 23, 2009 (gmt 0)

10+ Year Member



Hi,

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">

SuzyUK

6:38 pm on May 25, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi tyrone and Welcome to WebmasterWorld!

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

tyrone

6:55 pm on May 25, 2009 (gmt 0)

10+ Year Member



Hi Suzy,

Thanks a lot for your reply.

I solved this problem by assigning widths in 'px' for everything.

Thanks once again.

delboy1978uk

9:04 pm on May 25, 2009 (gmt 0)

10+ Year Member



huh!
bleeding typical. this just goes to show!
what used to be achieved with a simple table, that would easily mix pixels and percentages, is now a total pain, dont you agree?
i hope css3 sorts all this nonsense out