The left portion of the design always appears below the left bar (blue) in IE6. It works fine in Mozilla and in IE5.5
All the code is in the url below. Thanks.
<!-- m --><a class="postlink" href="http://www.eyecravedvd.com/test.htmlWell">http://www.eyecravedvd.com/test.htmlWell</a><!-- m -->, I think you're running into problems with the CSS box model a little bit. I've done a little playing around (at midnight) and have managed to mangle your layout but solve some of your problems. I have these suggestions that help me out:
1. Validate your markup at <!-- m --><a class="postlink" href="http://validator.w3.org/">http://validator.w3.org/</a><!-- m --> - You have several errors
2. Use two block level elements when you want to specify widths, padding, margins, and borders.
A: Use an outer DIV and set it's width in CSS. Add a margin if you want to float another object next to this DIV.
B: Then place another DIV inside the outer DIV and add the padding, borders, and margins that you want.
Not sure if you've read up on the CSS box model, but the link below tells you all the info:
<!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS2/box.html#box-dimensions">http://www.w3.org/TR/CSS2/box.html#box-dimensions</a><!-- m -->
That should get you started. Also, IE doesn't inheret relative positioning correctly. It's not that you shouldn't use it, just beware.I've got it working with IE6. Can someone test it for me with IE5 and 5.5.
I don't have a machine available to me with those. I had to use one of the hacks to get it to work, but that may have broken it in older version of IE.
I guess the big question is, I'm I going about this the right way? I don't want to do this layout using tables.
Cheers.IE 5 - 5.5/PC still reacts the same way as all the versions did.
To Download and install multiple copies of IE on one computer, under one version of windows, check out the links below:
<!-- m --><a class="postlink" href="http://www.insert-title.com/web_design/?page=articles/dev/multi_IE">http://www.insert-title.com/web_design/ ... v/multi_IE</a><!-- m -->
OR
<!-- m --><a class="postlink" href="http://www.ryanbrill.com/archives/00002.php">http://www.ryanbrill.com/archives/00002.php</a><!-- m -->
OR
<!-- m --><a class="postlink" href="http://www.skyzyx.com/archives/000094.phpThanks">http://www.skyzyx.com/archives/000094.phpThanks</a><!-- m -->. That will definitely help.
Cheers
OMG! I'm so excited to see this info on the multiple versions of IE! I posted this exact question a few weeks or so ago and got shot down. But I knew there had to be a way! So ... thanks for that!! Off to Download and hope it all works Yay! I got it working in IE6 & Mozilla no problem.
I'm still running into the same issue with IE 5.5 though. I know I should use some hack, but then it messes up IE 6 and/or Mozilla.
Can someone take a peak at the code for #ecdvd_core. It looks like the box model problem, but I can't seem to wrap my head around it.
And one more question, the Lastest/Featured Reviews boxes, underneath the red and yellow, is there a way to center those in the <div>?I finally got it working on all three browers. /note to self - Don't stay up and program when you can hardly keep your eyes open.
Thanks
All the code is in the url below. Thanks.
<!-- m --><a class="postlink" href="http://www.eyecravedvd.com/test.htmlWell">http://www.eyecravedvd.com/test.htmlWell</a><!-- m -->, I think you're running into problems with the CSS box model a little bit. I've done a little playing around (at midnight) and have managed to mangle your layout but solve some of your problems. I have these suggestions that help me out:
1. Validate your markup at <!-- m --><a class="postlink" href="http://validator.w3.org/">http://validator.w3.org/</a><!-- m --> - You have several errors
2. Use two block level elements when you want to specify widths, padding, margins, and borders.
A: Use an outer DIV and set it's width in CSS. Add a margin if you want to float another object next to this DIV.
B: Then place another DIV inside the outer DIV and add the padding, borders, and margins that you want.
Not sure if you've read up on the CSS box model, but the link below tells you all the info:
<!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS2/box.html#box-dimensions">http://www.w3.org/TR/CSS2/box.html#box-dimensions</a><!-- m -->
That should get you started. Also, IE doesn't inheret relative positioning correctly. It's not that you shouldn't use it, just beware.I've got it working with IE6. Can someone test it for me with IE5 and 5.5.
I don't have a machine available to me with those. I had to use one of the hacks to get it to work, but that may have broken it in older version of IE.
I guess the big question is, I'm I going about this the right way? I don't want to do this layout using tables.
Cheers.IE 5 - 5.5/PC still reacts the same way as all the versions did.
To Download and install multiple copies of IE on one computer, under one version of windows, check out the links below:
<!-- m --><a class="postlink" href="http://www.insert-title.com/web_design/?page=articles/dev/multi_IE">http://www.insert-title.com/web_design/ ... v/multi_IE</a><!-- m -->
OR
<!-- m --><a class="postlink" href="http://www.ryanbrill.com/archives/00002.php">http://www.ryanbrill.com/archives/00002.php</a><!-- m -->
OR
<!-- m --><a class="postlink" href="http://www.skyzyx.com/archives/000094.phpThanks">http://www.skyzyx.com/archives/000094.phpThanks</a><!-- m -->. That will definitely help.
Cheers
OMG! I'm so excited to see this info on the multiple versions of IE! I posted this exact question a few weeks or so ago and got shot down. But I knew there had to be a way! So ... thanks for that!! Off to Download and hope it all works Yay! I got it working in IE6 & Mozilla no problem.I'm still running into the same issue with IE 5.5 though. I know I should use some hack, but then it messes up IE 6 and/or Mozilla.
Can someone take a peak at the code for #ecdvd_core. It looks like the box model problem, but I can't seem to wrap my head around it.
And one more question, the Lastest/Featured Reviews boxes, underneath the red and yellow, is there a way to center those in the <div>?I finally got it working on all three browers. /note to self - Don't stay up and program when you can hardly keep your eyes open.
Thanks