Site top header fixed with scrolling body, IE8 and IE6 adjustments

Question

0.00/5 (No votes)

See more:

Hi all,

I have the following code applied to the top header (includes top header banner and menu):

XML

<div style="position:fixed; z-index:1; background-image:url(/images/portlet/icon_base_strip.jpg); 
top: 0px; width: 1025px;  right: 117px; height:21px; " align="center" >

Its working fine with Firefox and IE8, but with IE6 the header table is pushed to the left side, as its left aligned

Please guide on fixing this as my launch of the site will be next Friday, and i dont want to get fried...

Posted 20-Jan-10 23:36pm

wrathyimp

Updated 21-Jan-10 7:01am

Sandeep Mewara

v5

Add a Solution

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

JimBob SquarePants · Answer 1 · 2010-01-21T02:30:00

The problem is that you are not setting a value for the left margin.

"align="center" is just setting the alignment for text not the div.

This would be a sample css class that would work.

CSS

.myClass
{
    width: 1025px;
    height: 21px;
    margin: 0 auto;
}

Is there any reason why you are not separating the style into a css stylesheet? It's really poor practise not doing so.

wrathyimp · Answer 2 · 2010-01-23T22:02:00

Solution 2

But when i use this class, it will effect on other browsers,
then IE6 is OK, but IE7,IE8 firefox, goes bad.

Posted 23-Jan-10 22:02pm

wrathyimp

JimBob SquarePants · Answer 3 · 2010-01-24T09:19:00

Are you saying that the class I suggested does break the layout on Firefox etc or that it will?

The class I suggested was design to center a div of fixed width of 1025px on your page. Was that what you wanted?

The class would normally work on all browsers. Perhaps if you posted more html I could figure out what else is causing layout problems.

Site top header fixed with scrolling body, IE8 and IE6 adjustments

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0