Hi guys

 

I'm having some trouble with a couple of margins and dimensions for my layout. I have designed the site for firefox in which it is now looking perfect, but there are a couple of minor issues in ie7 that ar'nt right. (i havnt checked ie6 yet)

 

The first is that my header height is too small in ie so here is the css that i input

 

#header {display: block; background-image:url(images/headlogo.jpg); background-repeat:no-repeat; height: 70px; width: 892px; position:relative; left:5px; top:-10px; font-family:Verdana, Arial, Helvetica, sans-serif; }

 

* html #header {display: block; background-image:url(images/headlogo.jpg); background-repeat:no-repeat; height: 100px; width: 892px; position:relative; left:5px; top:-10px; font-family:Verdana, Arial, Helvetica, sans-serif; }

 

The 2nd one is meant to correct it in ie but it is not working.

 

Can anybody help?

Scrap both of those and replace with...

 

#header {
float: left; 
width: 892px; 
height: 70px; 
background-image:url(images/headlogo.jpg); 
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif; 
}

 

When you float and give a width the container will automatically expand vertically to accomodate the content inside it. You may need the height value for earlier versions of IE so try it with and without.

bluedreamer thanks for the help, i will try it later when i have time

 

thank you in advance

Heh one good thing is apparently IE8 will parse everything correctly etc so ideally should look the same in IE as it does in FF, fat chance of that from Microsoft but fingers crossed!

Heh one good thing is apparently IE8 will parse everything correctly etc so ideally should look the same in IE as it does in FF, fat chance of that from Microsoft but fingers crossed!

HAHAHAHAHAHA LMAO

 

 

 

 

.....**notbansky has expired**