Welcome to WebmasterWorld Guest from 18.104.22.168
Forum Moderators: not2easy
I have a background tile image which measures 189 x 9 and is set as a background-image attribute for that navigation <div>, it tiles nicely. Problem is, I need that <div> with the background image to extend 100% of the height of the browser window. I've tried specifying height:100%; and it seems to stop at about 70% of the window height. I then set it to height:1100px; and it extends the full 1100px nicely.
Unfortunately that does not work for all pages and hence the reason why I need one that extends 100% no matter how much or how little content their is.
How do I get that <div> to be 100% of the height?
I know that using js has some limitation, but it would give 90% of your visitors the exact experience you want. You could always use a <noscript> tag to write in a best guess so your page would degrade gracefully for visitors with scripting turned off.
We've wrestled with similar issues over in the Browsers forum. Here's one related thread [webmasterworld.com].
Been doing some reading since I first posted and you cannot specify height in percentages for <div> elements. But, you can specify percentages for width. So, we just need to reverse our page background and we should be okay. Thanks for your responses!