ansaurus

Question

Answer 1

A:

If you add Position: relative to your navbar element in your css instead of position: fixed it will be solved for IE7.

<div class="navbar"> <- position: fixed to position: relative .

Younes 2010-03-23 15:50:29

If he adds gets rid of position fixed his nav won't follow when he scrolls.

Catfish 2010-03-23 15:51:53

Damn, didn´t notice that the top bar was moving with the scrolling at all..

Younes 2010-03-23 15:53:13

exactly... alltho it is a step in the right direction. with relative it centers the right way...

Luuk 2010-03-23 16:00:44

It's not a step in the right direction because it doesn't stick like position fixed does. I'd say that position fixed is more of a step in the right direction because you get it to stick at least, it's just off to the right a bit.

Catfish 2010-03-23 16:14:36

Answer 2

A:

I bet it's this line

.navbar {
  background:url("../images/bg-nav.png") repeat scroll center top transparent;
}

change it to

.navbar {
  background:url("../images/bg-nav.png") repeat scroll left top transparent;
}

Catfish 2010-03-23 15:53:53

nope that is not it

Luuk 2010-03-23 15:59:41

try floating the div.navbar left and see what happens.

Catfish 2010-03-23 16:11:07

I've edited my answer. Check it out.

Catfish 2010-03-23 16:16:16

Answer 3

A:

Add to your css

div.navbar { left:0 }

Alohci 2010-03-23 17:06:48

ansaurus

tags:

views:

answers:

Weird bug in header in IE7

related questions