Enlarging or de- a screen with CTRL- and CTRL+ breaks a div in a iframe in a container more or less ad random. Have those keys other meanings?
In IE, Chrome and Torch pages can be enlarged/decreased at will by using "CTRL-" and "CTRL+". Not so in Firefox. It breaks a line a line with photos at random. The most right photo shifts to the left underneath, as if the div gets smaller. But, a second or a third or a nth CTRL-/+ repairs the situation. You could see for yourself on www.vakantiehuiszonneweelde.nl The site exist of a 'container margin:auto' with header and navigation and a content div. The problems occur within the contents div. In only one page I use a (kind of lightbox) lib Magicthumb. Could this lib be the troublemaker?
Gekose oplossing
A good place to ask advice about web development is at the mozillaZine "Web Development/Standards Evangelism" forum.
The helpers at that forum are more knowledgeable about web development issues.
You need to register at the mozillaZine forum site in order to post at that forum.
All Replies (3)
This can happen if there are rounding errors that causes content not to fit with specific zoom factors.
Making the iframe 1px wider (256px instead of 255px) fixes this.
Thanks for the solution. It works. The lesson is to make a div always one pixel smaller than its parent (iframe, div, box). In my former post I mentioned that only Firefox was shifting elements. Very sorry for that, giving only my outer frame a pixel extra made it o.k. for Firefox but now other browters started to shift. For your info: my knowledge about HTML and CSS comes from W3scools where I have never met the above practice.
Gekose oplossing
A good place to ask advice about web development is at the mozillaZine "Web Development/Standards Evangelism" forum.
The helpers at that forum are more knowledgeable about web development issues.
You need to register at the mozillaZine forum site in order to post at that forum.