I was in a local computer store and I opened up my website on a brand new Sony Veio laptop with a small screen (using Internet Explorer) and my website looked like crap! The fonts of the sale price items were huge and pushed down so far, they were sitting on top of the pictures underneath them. I looked at the category pages and the prices overlapped the shopping cart's checkout button! It was absolutely horrible. I do not understand why, I have the same version of Windows and Internet Explorer at home. I'm thinking that this might have had something to do with the small size of the laptop screen but I do not understand why it would read it that way? I used Dreamweaver to make the site. The prices and the shopping cart were each in seperate layers - could this be a reason why it looked like crap? Please help me, this is shocking and I am quite upset! The website is http://www.theadulttoyshoppe.com Please look at my website and let me know if you see this happening on your computer. Your help is greatly needed so I can fix this as soon as possible. If you might know why this is happening, please, please let me know. Thank you
most likely it was the settings on the browser where it looked jacked up. I am currently using a sony vaio 10" widescreen which is the smallest screen sony makes i belive (t150) looks ok to me in firefox and ie.
You can easily replicate the problem by setting the text size to biggest. In IE this can be done from the menu bar: View -> Text Size. By looking at the source, it seems that the problem is caused by the divs that hold the text. The height is specified using an absolute pixel value. That's why the browser won't resize the div if the text is bigger than "normal" and the text flows over the edges and in your case on top of the pictures. One solution would be to remove the height parameter from the divs and add a <br clear="all" /> tag as the last line in every div that needs to be able to resize. That way the divs will expand when needed, just the way it should be Hope this helps...
I recently learned that you can adjust font size by holding down CTRL and rolling your mouse scroll wheel up and down. I felt "special" Also, if you are using the "em" font styles on your site, that may be an issue. it's proportional to monitor size, that's why the w3c is trying phase it out.