menu busts out of table on browser resize [solved]

vikenk · Post by **vikenk** » Tue Oct 31, 2006 12:31 am

Sorry, nwilcox, but I just can't duplicate your problem. No matter how I manipulate it, I just can't get it to break out of the table.

I go to http://www.hearthview.com and no matter how I resize the window, it just won't happen?! I've looked at your code and it all seems OK.

This may be a stab in the dark, but what is that toolbar that your using? Is it remotely possible that the javascript used to resize the window is affecting the menu?

All I know is that I can't get it to break out of the table...

Post by **Ruth** » Tue Oct 31, 2006 12:33 am

Hi,

I'll report to Milonic in case they can do anything, but the problem is in the wrapper style set at height:100%;

I don't do enough css to figure out how you can get the actual orange layout to be in the center of the page at higher resolutions without using that height. I tried removing that and setting the table at 100% but it still did the same thing. IE5.5 and IE6 and I went from resolution setting 800x600 to 1280x1024 then resized the browser using the js resize function I have. [I think it's the same you have

]

Ruth

nwilcox · Post by **nwilcox** » Tue Oct 31, 2006 2:21 am

thanks everyone for the help.. I guess I'll just not 100% center the design. With the DOCTYPE it has messed everything up.. but that is IE for you...

I may try to redo the 100% centered design and see if I can comeup with another solution.

much appreciated!

Post by **Ruth** » Tue Oct 31, 2006 6:35 am

Hi,

Well, some good news....maybe. I could only test in my old browsers IE5.5 and FF1.0.7 but it did work in them, as good as I could get it.

Here is a zip with a new page and stylesheet. I made no changes in how it looks, but so you know what I did, I removed the outer wrapping table and replaced it with a div that has a class coded in the stylesheet. It's the last thing in the new sheet.

Everything was in the same folder on my computer so for you to see it with the images and stuff you need everything in the same folder or you need to change all the links

edit: link removed

This is where I found the info for this IGather Info

You really need to test in other browser to see how this works, at least you know it works in the old FF and IE

Ruth

PS: EDIT: I forgot to ask that you let me know when you have this so I can remove it from my site

nwilcox · Post by **nwilcox** » Tue Oct 31, 2006 3:11 pm

got it! I'll take a look later today.

Thanks for the help

You can delete it now

vikenk · Post by **vikenk** » Tue Oct 31, 2006 3:32 pm

nwilcox wrote:With the DOCTYPE it has messed everything up.. but that is IE for you...

Hi,

Just as an FYI: I wouldn't avoid using the Doctype because it screwed things up. Using the doctype will actually increase cross-browser compatibility and greatly reduce problems with things not lining up in one browser vs another.

The problem here is that the page seems to have been designed without a Doctype in the first place, so introducing one after the design forces some adjustments. The page coding is actually very well written, IMO. It's just missing the Doctype.

Just my two cents :>)

nwilcox · Post by **nwilcox** » Tue Oct 31, 2006 3:45 pm

oh I know

again I didn't design or layout this site. I'm just stuck with it now trying to make the updates.

nwilcox · Post by **nwilcox** » Tue Oct 31, 2006 4:05 pm

Ruth wrote:Hi,

Well, some good news....maybe. I could only test in my old browsers IE5.5 and FF1.0.7 but it did work in them, as good as I could get it.

edit: link removed

This is where I found the info for this IGather Info

thanks Ruth! IT WORKS WOOOT!

wow that is really wild looking CSS. It is cross browser as far as Mozilla and Opera (the 3 other browsers I have to test on)