Forum Moderators: not2easy

Message Too Old, No Replies

Problem with IE8 showing full Height of Header

         

CBStrauss

3:44 pm on Mar 17, 2010 (gmt 0)

10+ Year Member



I am making a website for a friend and having an issue with IE8 and the header I made in flash showing the full height of my flash so I am not sure if this is a flash issue or CSS issue and IE bug.

Here is my CSS for my header section:


#header{
width:1000px;
height:124px;
margin-left:auto;
margin-right:auto;
text-indent:-99999px;
}

Here is the link to a page on the site I am working on so you can see how its being cut off.

<snip>

Not so sure this is a CSS problem cause I done code like this before and worked fine in IE 8. Just thought it would be a good place to start.

The other option is something with my flash file and perhaps something IE 8 doesn't like so any ideas or suggestions what might be wrong would be greatly appreciated :)

[edited by: limbo at 4:13 pm (utc) on Mar 17, 2010]
[edit reason] No URL's please, see TOS [webmasterworld.com] [/edit]

limbo

4:14 pm on Mar 17, 2010 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi CBStrauss

Welcome to WebmasterWorld [webmasterworld.com] :)

If you haven't done so already ensure your pages are valid CSS [jigsaw.w3.org]/HTML [validator.w3.org] and that you have included a CSS [developer.yahoo.com] reset in your document head. If there's still a problem then strip you HTML and CSS down the bare basics and we'll have another look.

CBStrauss

10:28 am on Mar 18, 2010 (gmt 0)

10+ Year Member



Thanks for the response however confused at what your asking me to do. I ran the pages through the html validator and came up with a few errors with the flash coding.

Also not really sure what you mean by reset with developer.yahoo.com in my document head can you please elaborate a bit more on what your asking?

Thanks

limbo

11:07 am on Mar 21, 2010 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



If your flash is not validating this could be the issue. What method are you using to display the swf?

CSS reset is a set of basic CSS properties for the most common HTML selectors - they render all browsers at ground zero, removing default properties like padding and margin. Download the CSS reset from the link I supplied above and add it to your page in the document head above any other stylesheets you may have.