I coded this site sometime back and someone pointed out this problem to me now. After I increase the text size, the whole layout get’s messy. It only happens in safari. When I do it in IE, Chrome or Firefox, the whole layout/site increases gracefully. But in safari, all the divs remain the same size and only the text size increases :| Is there any solution for fixing this on safari?
There are two different zoom options. One is a text-resize, and the other literally just zooms into the page. Some browsers default to different things. If you’re seeing the divs change size too, it means it’s on "page zoom". If only the text changes, it’s on "text-only zoom".
Thanks doc for that info. So basically, Safari only supports text increase? The thing is that if I increase the text size in Safari the text gets overlapped and goes out of the div.. Is that normal for a website using DIV layouts or did I miss out on something?
Ah, I see.. Yea, I knew that with fixed height and width the layout will break.. But I didn’t know that there are two kinds of zoom :P
Here is a preview of the site I was talking about. It has a fixed width height because of the design. Its a static, brochure site.