IE6 - Pushing Left Nav Table Over

[Rob Bryant]

Hello all, and firstly I'd like to say this seems like a nice little place you have here. I've spent alot of time today just reading the forums, and everyone seems pretty knowledgeable and friendly : )

Anyway, I have a site that I run for fun that is gaming related. I've gotten to the point where I'm going to have to make the layout better and try and make the site database driven so I can update much more smoothly, otherwise I spend more time on the update rather than the content (not really, but it sure feels like it)!

I'd like to also say that I'm pretty inexperienced, and anything that I know I pretty much learned online; the single year at the community college didn't do much for me. So, if you see code that is stupid and sloppy looking, I apologize, but I'm no professional hehe

Okay, on with it then. I did some Googling and decided to try out the 3 column, left/right fixed widths, center liquid layout style. Everything was going swell, until I tried to add a div inside of the center div. It still works, and does what I was thinking it would, EXCEPT for in IE6 (of course). Here is a link to the page:

http://robertlbryant.com/sandbox/rounded.php

Here's the CSS file:

http://robertlbryant.com/sandbox/ptn.css

If you check that with IE6, you will see what I'm talking about in the topic title. Now, if I take that javascript for the video out, and replace it with something simple like a paragraph tag, it seems to work fine. It's pretty puzzling to me, and I'm not sure if I should be doing something differently to div.theupdate .

I was also going to ask for a much more simple request. I don't have IE7 installed, as it totally borks Windows Movie Maker for one reason or another. I use Movie Maker alot for said website, so I can't check things with that browser. If someone would be so kind to take a screen capture of that page for me in IE7, I'd love you forever hehe

Thanks in advance for help or direction from anyone!

[Snookerman]

Here's what your page looks like in IE7:
Attachment 2402

There are a few ways you can check your page in IE7 without installing it.

If you use Fx, you can download this handy-dandy add-on called IE Tab which can switch between Fx and IE rendering in a second and you don't even need to open a new window:
https://addons.mozilla.org/en-US/firefox/addon/1419

You can also use DebugBar's IETester which can test your pages in IE5.5, IE6, IE7 and IE8, that's what I used in the screenshot:
http://www.my-debugbar.com/wiki/IETester/HomePage

You can also go to http://browsershots.org/ and other people will check your site in all kinds of different browsers and operating systems.

I'll take a look a the site later to see why it breaks in IE6.

Good luck!

[Rob Bryant]

There are a few ways you can check your page in IE7 without installing it.

If you use Fx, you can download this handy-dandy add-on called IE Tab which can switch between Fx and IE rendering in a second and you don't even need to open a new window:
https://addons.mozilla.org/en-US/firefox/addon/1419

Hey, this is pretty neat. I have seen this add-on but never installed it. It uses the exe straight from your own PC, so I don't have to bother opening IE6. Nice!

I'll take a look a the site later to see why it breaks in IE6.

Good luck!

That would be much appreciated. It's gotten to the point of hair-pullingly annoying trying to figure out what I can do to make it work :/ I wouldn't be bothering with it this much, but according to awstats, 1/3 of the people that visit use IE. ugh

Thanks again.

[Rob Bryant]

Just an update on this. I couldn't figure it out, and since I'm not a web guru person that gets paid for it, I'm just abandoning IE6. I'll get less headaches over it hehe

Regardless, thanks for your help, Snookerman!