IE7 issues, text over flash

Hi,

Take a look at this page:

http://www.freemanholland.com/

If you view in Firefox, it’s perfect, but in IE7 the text floats to the right, any ideas why?

Is there a quick fix…

Thanks

Hi,

Again should have shown you what i see, see below:

http://www.freemanholland.com/images/home.jpg

The text floats towards the right, it should be on the left…

You’ve stumped me again :slight_smile: Looks the same in Firefox and IE7 :wink:

Thanks Paul,

That worked for me :wink:

And as to why breaks are used, don’t ask! :mad: The html copy in most areas of the site has not been written by me. I had to go into the site yesterday making sure all the html was valid as it was all messed up! :smiley:

You should never let a graphic designer write html! :stuck_out_tongue:

Thanks again Paul

Hi,

It was still ok in my IE7 but I eventually worked out that it only happens when the viewport is made quite wide.:slight_smile:

The reason the text then floats to the side is that you have placed it in a an absolute element and therefore removed from the flow and the float will just go wide if there is room in the viewport.

Either add a width to the absolute element or set the home_intro to clear.


<div style="position:absolute[B];width:958px[/B]">
                <div id="homepage-heading-title" class="left">

or


#homepage-intro {
    width:474px;
    font-family:Century Gothic;
    font-size:13px;
    margin:5px 27px;
[B]    clear:both;
}[/B]


It’s not usually a good idea to remove a large chunk of text like that from the flow as it will overflow if text resized or more content added.

…and why are you using breaks instead of paragraphs :slight_smile: