Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS My page header gets jumbled in IE Re: My page header gets jumbled in IE

#134970
Xordan
Member

There are obviously a few things to review in your html. But at this time, if you just want to make it work. You can do it!
First, remove the “clear:both” on your hgroup. You need your logo to stand on the left side on top of the page, so remove the line “width:391px;” on #logo. On this same rules, adjust the margin like this “margin:8px 0 19px 0”. Your logo and main menu will be back to their place. Now add a css rule to remove the extra right margin inside your #utility-nav like this :
#utility-nav > * {
margin-right: 0;
}

Now the last thing to do is to fix your input #CAT_Search, first, remove the “float:right” and add a “display:block;” on it. Finally, remove the
tag between your input and your anchor “search”. Everything should look great in Chrome, FireFox and IE 8+.

Hope this help.