[Arty]

I've just downloaded a child theme for the Thematic wordpress theme.
After spending a long time figuring out how the CSS file works and editing it so the colors match what I want, I found out that if you make the browser window too small, and scroll to the right, the content of the site overlaps the menu.

Is this a serious problem?

If there is, what can I do to fix it?

Site: http://www.blog.koroinu.com/

CSS file: http://www.blog.koroinu.com/wp-content/the...matic/style.css

[mr p]

i think it's because your #header div has a fixed position. you can use float:left instead.

[KevBrad]

As Mr P said, floats will sort that out however I would really worry about it, after all who is going to resize the window that small?

[dangreaves92]

KevBrad, on Apr 13 2009, 17:34, said:

after all who is going to resize the window that small?

A mobile phone, PDA or blackberry. You should cater for all sizes and allow smaller browsers (i.e. mobile phones) to scroll left and right without the layout distorting.

[KevBrad]

dangreaves92, on Apr 13 2009, 17:46, said:

A mobile phone, PDA or blackberry. You should cater for all sizes and allow smaller browsers (i.e. mobile phones) to scroll left and right without the layout distorting.

If you are going down that route I would make a cut down site specifically for mobile content and redirect the user based on the user agent value. Using one site to cater for all is messy work.

[dangreaves92]

You can do that if you have a specific target audience using mobile phones. Otherwise it's pointless creating a completely seperate site just for the one or two visitors that may be using a mobile device. Having said that, it is still important to allow mobile users to fully access your website and under that comes the ability to scroll horizontally.