8 Replies - 1900 Views - Last Post: 23 October 2011 - 01:42 AM

#1 eZACKe  Icon User is offline

  • Garbage Collector

Reputation: 120
  • View blog
  • Posts: 1,278
  • Joined: 01-June 09

Background in IE8 is white until highlight and hover over accelerator

Posted 15 October 2011 - 06:15 PM

This has got to be one of the weirdest things I've ever seen. It's easiest to just explain with pics:

This is what happens when you go on the page in IE8:
Posted Image
The background is white, it's suppose to be blue.

This is what happens when I hit ctrl-a (but also happens if you just highlight anything):
Posted Image
Notice the arrow thing that shows up in the bottom right (I think it's called an accelerator).

This is what happens when you hover over it for a sec:
Posted Image
It looks just like how the page should look (and does in every other browser).

Any guesses as to what the problem is? This happens only in IE8.

There's very little css yet, but I guess I'll post it:
/* reset browser styles */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
	width: 100%; 
	height: 100%; 
}

body {background-color: #03617e;}
	   
#container {width: 1000px; margin: 0 auto; display: table; padding: 20px;}

#logoSection {
	float: left; 
	width: 610px; 
	color: white;
	text-shadow: #3D3D3D 3px 3px 2px;
	margin: 43px 0 0 50px; 
	font-size: 36px; 
}


#familyHeader {width: 610px; margin: 110px 0 0 65px; font-size: 20px; color: white; font-weight: bold; letter-spacing: 1px; font-style: italic;}
.logoBottom {padding-bottom: 50px;}

.bodyBox {
	background-color: white; 
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 1);
    -moz-box-shadow:    0 0 8px rgba(0, 0, 0, 1);
    box-shadow:         0 0 8px rgba(0, 0, 0, 1);
    -moz-border-radius: 10px;
	padding: 5px;
	background-color: #E6EFF2; 
	behavior: url(css_PIE/PIE.htc);
	font-size: 17px;
}

#navSection {width: 250px; float: right; margin-top: 40px;}

#contentSection {width: 570px; float: left; margin-left: 50px; }

#loginHeader {width: 125px; border-bottom: 1px solid black; padding-left: 5px; margin: 0 0 7px 10px; font-weight: bold;}

#logBox {margin-left: 10px;}

#loginForm input {margin-bottom: 10px;}

.setWH {width: 200px;}

#footer {float: left; border-top: 3px solid white; width: 750px; margin-left: 100px; margin-top: 60px; color: white; text-align: right; font-size: 14px;}



Is This A Good Question/Topic? 0
  • +

Replies To: Background in IE8 is white until highlight and hover over accelerator

#2 I X Code X 1  Icon User is offline

  • D.I.C Head
  • member icon

Reputation: 47
  • View blog
  • Posts: 66
  • Joined: 28-July 10

Re: Background in IE8 is white until highlight and hover over accelerator

Posted 17 October 2011 - 07:35 PM

With IE8 there is sometimes compatibility issues, but luckily there is a work-around for the problem.


If you put this tag directly after the opening <head> tag it will render the page as if you were actually using IE7. This should fix your problem:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
Was This Post Helpful? 1
  • +
  • -

#3 JacksonD  Icon User is offline

  • D.I.C Head

Reputation: 9
  • View blog
  • Posts: 215
  • Joined: 18-October 11

Re: Background in IE8 is white until highlight and hover over accelerator

Posted 22 October 2011 - 09:10 AM

Also.. why not
<body bgcolor="#03617e"
It works the same. It works the exact same for me, and I don't see why it shouldn't.
Was This Post Helpful? -1
  • +
  • -

#4 eZACKe  Icon User is offline

  • Garbage Collector

Reputation: 120
  • View blog
  • Posts: 1,278
  • Joined: 01-June 09

Re: Background in IE8 is white until highlight and hover over accelerator

Posted 22 October 2011 - 10:03 AM

Still has a white background in me for IE8, Jackson.
Was This Post Helpful? 0
  • +
  • -

#5 JacksonD  Icon User is offline

  • D.I.C Head

Reputation: 9
  • View blog
  • Posts: 215
  • Joined: 18-October 11

Re: Background in IE8 is white until highlight and hover over accelerator

Posted 22 October 2011 - 07:49 PM

Well, I am using Firefox.
It is a PHP file, that could have a fact.

Give some of these a try.

body{background-color:#e6e6e6}

If that doesnt work you could force override it with
body{background-color:#e6e6e6 !important}. 


If that doesn't work inspect your html for incorrect <style/> blocks as they could be causing the trouble.

I am racking my brains for support. Hope some of these help even the slightest.
Was This Post Helpful? 2
  • +
  • -

#6 eZACKe  Icon User is offline

  • Garbage Collector

Reputation: 120
  • View blog
  • Posts: 1,278
  • Joined: 01-June 09

Re: Background in IE8 is white until highlight and hover over accelerator

Posted 22 October 2011 - 08:21 PM

Only thing that I could get working was !important. Good to know that works though.

Thanks for the help!
Was This Post Helpful? 0
  • +
  • -

#7 JacksonD  Icon User is offline

  • D.I.C Head

Reputation: 9
  • View blog
  • Posts: 215
  • Joined: 18-October 11

Re: Background in IE8 is white until highlight and hover over accelerator

Posted 22 October 2011 - 08:49 PM

I take that it is working? I had a feeling !important would work. IE8 has some block in it, Like how !DOCTYPE needs to be present for some stuff. !IMPORTANT overrides that block.

Thanks for the +
Was This Post Helpful? 0
  • +
  • -

#8 EnvXOwner  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 357
  • View blog
  • Posts: 2,319
  • Joined: 10-August 09

Re: Background in IE8 is white until highlight and hover over accelerator

Posted 22 October 2011 - 09:01 PM

I know that this has been resolved, but I do want to make a point.

I wouldn't suggest that you tell him to use <body bgcolor="#03617e">. All styling should be done in CSS. When you began to mix HTML styling and CSS styling, it becomes a confusing mess. Also, let's say he had multiple pages that had that color, it's much more efficient to just change the color on one line of code in the stylesheet. It's more difficult to maintain an HTML file with all the styling done in it.
Was This Post Helpful? 0
  • +
  • -

#9 JacksonD  Icon User is offline

  • D.I.C Head

Reputation: 9
  • View blog
  • Posts: 215
  • Joined: 18-October 11

Re: Background in IE8 is white until highlight and hover over accelerator

Posted 23 October 2011 - 01:42 AM

That is correct. I didn't think of that. I'm just like, this works. Try it. I didn't think into context. I understand. So much harder to do
<body bgcolor"#ffffff">

This post has been edited by JacksonD: 23 October 2011 - 01:50 AM

Was This Post Helpful? 0
  • +
  • -

Page 1 of 1