I hope someone is able to help me.. My coding is a little unorthodox. Sort of like using duct-tape to fix a plane.
On my site.. I have hundreds of photo files and folders and I want to display them uniformly.. so I use javascript to call a function and insert parameters into a little template to display on the site so when I change up the look of things, I only have to change one line of code instead of several hundred. I know it's basically poor-man's PHP but I don't know how to set that up on my server and do not know how to code it at all. That said, the functions are written basically as lines and lines of document.write in javascript with the parameters shoved in.. so hopefully someone can wade through it.
Anyway.. on Firefox .. when a certain template's parameters extend past 100px when displayed, it pushes other content over to the right instead of extending the height of the div its in because it views the height attribute as a strict constraint. (you'd think W3C would create/allow or whatever a overflow: extend thing to fix this problem..?) I think the min-height attribute is supposed to fix this issue currently, but it does not work in IE. On Internet Explorer, the browser extends the div because it automatically treats the height attribute as min-height.. and combining a height and min-height value in one style declaration does not work.
The page is here..
<!-- m --><a class="postlink" href="http://www.xvisionx.com/index13.html">http://www.xvisionx.com/index13.html</a><!-- m -->
The coding is located at..
<!-- m --><a class="postlink" href="http://www.xvisionx.com/master13.js">http://www.xvisionx.com/master13.js</a><!-- m -->
+ CSS at..
<!-- m --><a class="postlink" href="http://www.xvisionx.com/style13.css">http://www.xvisionx.com/style13.css</a><!-- m -->
The coding for the actual problem is in master13.js.
Thanks in advance.
On my site.. I have hundreds of photo files and folders and I want to display them uniformly.. so I use javascript to call a function and insert parameters into a little template to display on the site so when I change up the look of things, I only have to change one line of code instead of several hundred. I know it's basically poor-man's PHP but I don't know how to set that up on my server and do not know how to code it at all. That said, the functions are written basically as lines and lines of document.write in javascript with the parameters shoved in.. so hopefully someone can wade through it.
Anyway.. on Firefox .. when a certain template's parameters extend past 100px when displayed, it pushes other content over to the right instead of extending the height of the div its in because it views the height attribute as a strict constraint. (you'd think W3C would create/allow or whatever a overflow: extend thing to fix this problem..?) I think the min-height attribute is supposed to fix this issue currently, but it does not work in IE. On Internet Explorer, the browser extends the div because it automatically treats the height attribute as min-height.. and combining a height and min-height value in one style declaration does not work.
The page is here..
<!-- m --><a class="postlink" href="http://www.xvisionx.com/index13.html">http://www.xvisionx.com/index13.html</a><!-- m -->
The coding is located at..
<!-- m --><a class="postlink" href="http://www.xvisionx.com/master13.js">http://www.xvisionx.com/master13.js</a><!-- m -->
+ CSS at..
<!-- m --><a class="postlink" href="http://www.xvisionx.com/style13.css">http://www.xvisionx.com/style13.css</a><!-- m -->
The coding for the actual problem is in master13.js.
Thanks in advance.