9 replies [Last post]
greg nelson
greg nelson's picture
Offline
newbie
australia
Last seen: 2 years 42 weeks ago
australia
Timezone: GMT+11
Joined: 2011-11-24
Posts: 5
Points: 6

Puzzled

Hi

I need help!

the website is www.unbeaten.com.au

2 main problems in internet explorer 7

1. menu bar shows no background colour (and therefore is effectively invisable)
2. content divs are shifted way over to the right from where they should be (off the page even)

this is only happening in internet destroyer 7 i mean explorer 7

anybody got any ideas?
many thanks.
g

Verschwindende
Verschwindende's picture
Offline
Guru
Last seen: 5 weeks 1 day ago
Timezone: GMT-4
Joined: 2009-10-09
Posts: 2037
Points: 2256

Warning. You get music

Warning. You get music whether you want it or not. Stare

Could you turn that off or just post some code?

I consider this a Triumph.

greg nelson
greg nelson's picture
Offline
newbie
australia
Last seen: 2 years 42 weeks ago
australia
Timezone: GMT+11
Joined: 2011-11-24
Posts: 5
Points: 6

music

that's how the client wants it.

g

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 hour 28 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9192
Points: 3197

Problem #2: Remove

Problem #2: Remove {text-align: center;} from #container. Text alignment is inherited. Use it where it's needed and no higher in the hierarchy.

I was unable to replicate #1. Did you fix it?

It is part of your job description to make sure the client doesn't do stupid things, like auto-music. Let the visitor opt-in on his own.

cheers,

gary

Unplanned code results in a tangled wad of brain-cramping confusion.

There are enough html & css demos and tutorials to be interesting. Please visit.

greg nelson
greg nelson's picture
Offline
newbie
australia
Last seen: 2 years 42 weeks ago
australia
Timezone: GMT+11
Joined: 2011-11-24
Posts: 5
Points: 6

the missing background color

I'll try that thanks.

But that on it's own shouldn't make the background color not show up in ie7, right? Or make the content areas move over to the left further than they should be.

I can't really turn off the auto play because my client specifically asked for it. I know. Maybe press your mute button?

Regards,
Greg

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 hour 28 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9192
Points: 3197

greg nelson wrote: [snip] I

greg nelson wrote:

[snip]
I can't really turn off the auto play because my client specifically asked for it. I know. Maybe press your mute button?

You see, Greg, the problem lies in the visitor already listening to his own choice of music. Or, it may be he's at work, or it's late night and having music suddenly pop up is a not good thing. There is simply no good reason to have music auto-play. None. Whatsoever.

cheers,

gary

Unplanned code results in a tangled wad of brain-cramping confusion.

There are enough html & css demos and tutorials to be interesting. Please visit.

greg nelson
greg nelson's picture
Offline
newbie
australia
Last seen: 2 years 42 weeks ago
australia
Timezone: GMT+11
Joined: 2011-11-24
Posts: 5
Points: 6

background color

does that mean you don't know why the background color isn't showing up?

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 hour 28 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9192
Points: 3197

No, it means I couldn't

No, it means I couldn't replicate your problem; the bg color was as expected in all browsers.

From #3 above:

Quote:

I was unable to replicate #1. Did you fix it?

gary

Unplanned code results in a tangled wad of brain-cramping confusion.

There are enough html & css demos and tutorials to be interesting. Please visit.

greg nelson
greg nelson's picture
Offline
newbie
australia
Last seen: 2 years 42 weeks ago
australia
Timezone: GMT+11
Joined: 2011-11-24
Posts: 5
Points: 6

weird

Oh, thanks for trying anyway.

It is still happening in ie7 on PC. (see attached image - if i managed to attach it properly.)unbeaten problem ie7

And this is how it should look
unbeaten correct

I tried altering the order of my css divs - I saw that originally i had the menu div above the container div, so i thought that might be the problem ie the menu is rendered, then the container with a background image is rendered on top of it, so you can't see the menu. but i changed the order and it didn't make any difference.

PS. i also took the text-align:center off the container div as suggested but it made the menu text align to the left. (leaves a big gap to the right).

Mysterious mystery.
g
Smile

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 hour 28 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9192
Points: 3197

You haven't followed instructions

You still have this:

#container {
    box-shadow: 0 0 15px #888888;
    height: 666px;
    margin: 0 auto;
    text-align: center;
    width: 985px;
}

Delete the text-align property! That's all it takes.

The menu is a different issue.

As I wrote:
Remove {text-align: center;} from #container. Text alignment is inherited. Use it where it's needed and no higher in the hierarchy.
Put the {text-align: center;} on #menuInd ul where it belongs for the nav bar.

gary

Unplanned code results in a tangled wad of brain-cramping confusion.

There are enough html & css demos and tutorials to be interesting. Please visit.