line break in IE..... tearing my hair out!!

[elebee]

Wow, this ones got me.

Its probably simple but im definantly missing it.

Heres the prob;

http://clearindesign.co.uk/will/

below the first part of the header (where the phone is) IE is putting a gap in. Now it works in my beloved FF but i cant get it right in IE.

My code for the divs which are being used are as followed:

#hdr {
	position:relative;
 }
 #key{
	position:absolute;
	right: 0px;
	top:0px;
	height:83px;
	width:290px;
 }

Ive been messing with it for to long and need someone else to have a look at it.

Thanks for any help Guys


Ele

 

[Foamcow]

hhehe

it's the dreaded IE whitespace bug

in your html

  <div id="hdr"><img src="images/fone.gif" alt="Willcraft - Will writing services" name="tel" width="113" height="83" id="tel" ><img src="images/freefone.gif" alt="Will Writing phone 0800 781 9406" name="ff" width="364" height="83" id="ff" >[COLOR=red]REMOVE ALL THIS SPACE
AND THIS
AND THIS[/color]<div id="key"><h1>Make a Will  |  Writing a Will  |  Online Wills</h1>
	</div>
  </div>

So that section ends up like this

<div id="hdr"><img src="images/fone.gif" alt="Willcraft - Will writing services" name="tel" width="113" height="83" id="tel"><img src="images/freefone.gif" alt="Will Writing phone 0800 781 9406" name="ff" width="364" height="83" id="ff"><div id="key"><h1>Make a Will  |  Writing a Will  |  Online Wills</h1></div></div>

I just tried it and it fixed the gap in IE.
That's one of the most irritating bugs I encounter.

Foamcow Heavy Industries - Web design and ranting
Target Marketing Communications - Advertising, Direct Marketing and Public Relations
I wonder what possesses people to make those animated gifs. Do you just get up in the morning and think, "You know what web design r

 

[elebee]

Hey Moo Cow,

That works, and your right its is the most annoying thing about IE.

Its strange cause when i preview the page before i uploded it it didn't work. When uploaded its peachy!

I normally just preview things when testing maybe ill have to start uploading to test. I expect i should have been doing this anyway.

That'll teach me.

Thanks again.

Eleeee

 

[Foamcow]

Actually, based on something else I noticed this afternoon.
You could try just adding a line-height to any text in that div.

It fixed a was having, but may not do anything on your layout.

Just add it and see what happens... if anything.

Foamcow Heavy Industries - Web design and ranting
Target Marketing Communications - Advertising, Direct Marketing and Public Relations
I wonder what possesses people to make those animated gifs. Do you just get up in the morning and think, "You know what web design r