Template screwy from firefox to internet explorer

[quinlo]

I just noticed that the site I created works fine in firefox and in safari... but upon opening it up in Internet Explorer it shifts the ENTIRE right hand column down quite a ways on the page.

I am new to all of this website design jazz... does anyone have a clue what is going on?

site is: http://www.chowdownnow.com

thanks!

[amulet8]

Defining the widths of your columns and no big negative margins to the right might do it:

Code: Select all

#maincol {
float:left;
margin-left: 5px;
width:630px;
}
#maincol-container {
width:600px;
}

[quinlo]

Hey where do I put that? In the template CSS I am assuming? Sorry I am new to this...

Thank you for helpin out!

[amulet8]

Aha!
Firstly be aware that a lot of websites go screwy in IE, so always keep a check on it when you are working.
Secondly, if you are new to css then you can get yourself into a screwy mess too, so be warned, and thirdly, always keep a copy of the code you are altering before you make your changes!

I think you will find these:

#maincol {
float:left;
margin-right:-250px;
width:100%;
}

and

#maincol-container {
margin-right:250px;
}

in your /yumyum/templates/rt_hivemind_j15/rokzoom/rokzoom.css

You replace these with the alternatives, and see how it works. IE does like to have details such as widths defined for floats.
As I can't view changes unless they are made your end, I can't be sure that you won't need to add a few more tweaks.
So give it a go, and see.