Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Resizing breaks the position of my divs

Tags:

html

jquery

css

I created a basic clock using only div's (no images) and when rezing the clock arrows breaks and is off position as show here:

enter image description here                                     enter image description here

Why is this happening ? Can someone fix this for me? It's a single file no external files

like image 896
Kivylius Avatar asked Oct 03 '12 09:10

Kivylius


People also ask

How do I stop div from resizing?

It is mostly used with textarea and div elements. To disable resizable property of an element use resize to none.

Why are my DIVS not stacking?

The reason your divs are appearing over one another and not stacking is because you've specified position: absolute; when you should use position: relative; .

How do I stop HTML from resizing?

To prevent a text field from being resized, you can use the CSS resize property with its "none" value. After it you can use the height and width properties to define a fixed height and width for your <textarea> element.


1 Answers

Wow, impressive. Im not sure this qualifies as a real answer but could lead you in the right direction...

Are you meaning when you zoom in in the browser? I once had a problem that turned out to be how different browsers render subpixels. Its not exactly your problem but I think its very similar.

This page describes the problem: http://ejohn.org/blog/sub-pixel-problems-in-css/.

The reason I think its related, is if you zoom in further on your page, the problem goes away but then comes back. It is how the browser is rendering elements that were never designed to be viewed at anything other than 100%.

You will notice too that if you zoom out the problem is the same.

My suggestion - Dont worry about it!

like image 156
Hank Avatar answered Oct 23 '22 21:10

Hank