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:
Why is this happening ? Can someone fix this for me? It's a single file no external files
It is mostly used with textarea and div elements. To disable resizable property of an element use resize to none.
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; .
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.
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!
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With