Background image not displaying correctly on IE

N

Norman

Hello,
I have the following section of my style.css

/
**************************************************************************
* Header

**************************************************************************/
#header{width:100%;position:relative;z-index:10;background:#6899FF;
margin-bottom: 0px;
padding: 0px;
}
#header h1{background:url(images/logo.png) top left
no-repeat;width:400px;height:62px;position:relative;margin:0;padding:
0;margin-bottom:
0em;

padding: 0px;
color: none;
font-size: 1.1em;
text-align: left;
}

#header h1 a{width:400px;line-height:48px;display:block;text-
indent:-5000px;text-decoration:none;border:none;background:none;}

#header h1 a:hover {background:none;border:none;text-decoration:
none;}

/
**************************************************************************
* END Header

**************************************************************************/

But on IE the background image within the h1 tag is aligned to the
right.

How can I fix this.

Here is the site http://uk.expert.travel

Thanks
 
D

dorayme

Norman said:
But on IE the background image within the h1 tag is aligned to the
right.

How can I fix this.

Here is the site http://uk.expert.travel
Click to expand...


First fix up all the faults as shown in validator:

<http://validator.w3.org/check?verbose=1&uri=http://uk.exper
t.travel%2F%3Bview>


Here is output of faults reported by a Mac browser:

http://uk.expert.travel/ui/uk.expert.travel/style.css
CSS Error (29/14): Invalid property value ³none².
CSS Error (262/74): Unknown CSS property ³_padding-bottom².
CSS Error (283/47): Unknown CSS property ³_height².
http://uk.expert.travel/;view
HTML error (95/8): The tag <HEAD> is already open. Maybe the tag
was implicitly opened before.
HTML error (95/75): The tag <META> is not allowed here.
HTML error (96/11): The tag <TITLE> is not allowed here.
HTML error (97/9): Can¹t find start tag for end tag </HEAD>.
Maybe the tag was implicitly closed before.
HTML error (173/17): Can¹t find start tag for end tag </P>. Maybe
the tag was implicitly closed before.
HTML error (216/17): Can¹t find start tag for end tag </P>. Maybe
the tag was implicitly closed before.
HTML error (240/9): Can¹t find start tag for end tag </BODY>.
Maybe the tag was implicitly closed before.
 
N

Norman

First fix up all the faults as shown in validator:

<http://validator.w3.org/check?verbose=1&uri=http://uk.exper
t.travel%2F%3Bview>

Here is output of faults reported by a Mac browser:

http://uk.expert.travel/ui/uk.expert.travel/style.css
CSS Error (29/14): Invalid property value ³none².
CSS Error (262/74): Unknown CSS property ³_padding-bottom².
CSS Error (283/47): Unknown CSS property ³_height².http://uk.expert.travel/;view
HTML error (95/8): The tag <HEAD> is already open. Maybe the tag
was implicitly opened before.
HTML error (95/75): The tag <META> is not allowed here.
HTML error (96/11): The tag <TITLE> is not allowed here.
HTML error (97/9): Can¹t find start tag for end tag </HEAD>.
Maybe the tag was implicitly closed before.
HTML error (173/17): Can¹t find start tag for end tag </P>. Maybe
the tag was implicitly closed before.
HTML error (216/17): Can¹t find start tag for end tag </P>. Maybe
the tag was implicitly closed before.
HTML error (240/9): Can¹t find start tag for end tag </BODY>.
Maybe the tag was implicitly closed before.
Click to expand...

done
 
J

John Hosking

Your Resources and Jobs boxes are aligned oddly, too. They don't seem to
even appear in FF.

Please don't quote signatures on Usenet.
done
Click to expand...

No, not done. There's still at least one error.

Replace <html xmlns="http://www.w3.org/1999/xhtml"> with <html>.

You also have 4 errors and 9 warnings when running your CSS through the
validator at <http://jigsaw.w3.org/css-validator/> . One of the errors
involves #header h1.

Otherwise:

What happens when you remove text-align:right; from #header in aruni.css?

What's the text-indent:-5000px; in style.css?

Man, that sure is a lot of styles. Especially for a page that has tables
for layout nested five deep

Man, your styles sure use a lot of bg images.

Wouldn't you be more efficient if your styles for #header, #header h1,
#header a, etc. were all together instead of in various .css files?

You're not serious about having semi-colons in your links, are you?

Man, that sure is a lot of JavaScript. Oh, and I see it starts with a
"BrowserDetect" function, so I'm done here, other than to recommend a
new beginning. Rewrite the code or have a professional do it for you.
 
N

Norman

Your Resources and Jobs boxes are aligned oddly, too. They don't seem to
even appear in FF.


Please don't quote signatures on Usenet.




No, not done. There's still at least one error.

Replace <html xmlns="http://www.w3.org/1999/xhtml"> with <html>.

You also have 4 errors and 9 warnings when running your CSS through the
validator at <http://jigsaw.w3.org/css-validator/> . One of the errors
involves #header h1.

Otherwise:

What happens when you remove text-align:right; from #header in aruni.css?

What's the text-indent:-5000px; in style.css?

Man, that sure is a lot of styles. Especially for a page that has tables
for layout nested five deep

Man, your styles sure use a lot of bg images.

Wouldn't you be more efficient if your styles for #header, #header h1,
#header a, etc. were all together instead of in various .css files?

You're not serious about having semi-colons in your links, are you?

Man, that sure is a lot of JavaScript. Oh, and I see it starts with a
"BrowserDetect" function, so I'm done here, other than to recommend a
new beginning. Rewrite the code or have a professional do it for you.
Click to expand...

thanks for the feedback. yes that was one of the problems and its now
fixed.

the styles are all in different sections as the application has many-
back-offices and many front-offices, but i will look at how to load
only the css for a specific sub-site rather than carry the whole lot.

The browser detect is required for the i18n and the l10n of the site,
so that it can return the right language and localization - if you
know of a better way then do tell me.

cheers
 
J

John Hosking

Norman said:
[stuff]
Please don't quote signatures on Usenet.
Click to expand...
Click to expand...

[my entire previous message, quoted in full, including the signature,
snipped]
thanks for the feedback. yes that was one of the problems and its now
fixed.
Click to expand...

*WHAT* was one of the problems? I mentioned nine (9) things and you left
all of them in your reply, so which was the one thing you changed? No,
don't answer, I don't really care. I should have known better than to
have replied in the first place. You don't seem to read the replies you
get, so I'm sure I'm wasting my time again already. But here, see this:
http://www.xs4all.nl/~wijnands/nnq/nquote.html
The browser detect is required for the i18n and the l10n of the site,
so that it can return the right language and localization - if you
know of a better way then do tell me.
Click to expand...

I can't picture how browser type affects language or date format issues.
Why don't you ask users for their language and location and stop
worrying about what UA they're using (especially since it's impossible
to get the detection 100% right)?
 
B

Blinky the Shark

John said:
Norman said:
Norman wrote:
On Oct 12, 10:30 am, dorayme wrote:
Click to expand...
[stuff]
Click to expand...

[my entire previous message, quoted in full, including the signature,
snipped]
Click to expand...

Google Grouper.
*WHAT* was one of the problems? I mentioned nine (9) things and you left
all of them in your reply, so which was the one thing you changed? No,
don't answer, I don't really care. I should have known better than to
have replied in the first place. You don't seem to read the replies you
get, so I'm sure I'm wasting my time again already.
Click to expand...

Google Grouper
 
D

dorayme

John Hosking said:
*WHAT* was one of the problems? I mentioned nine (9) things and you left
all of them in your reply, so which was the one thing you changed?
Click to expand...

Exactly what I was wondering. I recall something odd happening in
my FF web developer re the background image that the op was
having trouble with, it would simply disappear as soon as the web
developer side bar was activated (he was having trouble with it
moving to the right in IE...). I gave him to fix all validation
faults because I could not figure out what might be causing
trouble quickly with *so many* of his css sheets, plus the
suspicious doctype text lines...
 
N

Neredbojias

Well bust mah britches and call me cheeky, on Fri, 12 Oct 2007 07:59:25
GMT Norman scribed:
But on IE the background image within the h1 tag is aligned to the
right.

How can I fix this.

Here is the site http://uk.expert.travel
Click to expand...

You seem to have fixed it as the page looks the same to me in ie6, ff, and
opera (-except for a small black box in one of them.)

You might wanna consolidate your stylesheets and javascripts a bit, and get
rid of that xhtml statement from the <html> tag.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Justify-content not working 1
Text does not display correctly to glow 2
Image on header 2
Help with my responsive home page 2
Working on mobile css menu with plenty of frustration! 2
Need help with code on website (noob) 2
Interfering CSS 1
Help with Visual Lightbox: Scripts 2

Members online

No members online now.
Total: 68 (members: 1, guests: 67)
Robots: 447

Forum statistics

Threads
473,995
Messages
2,570,228
Members
46,818
Latest member
SapanaCarpetStudio

Latest Threads

Top