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,
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 Looks the same in Firefox and IE7
Thanks Paul,
That worked for me
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!
You should never let a graphic designer write html!
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.
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