Sent by Robert Lane on 2 June 2007 18:06
Arrrghhh! I had this all working in IE6 & 7 and Firefox. Now it is
broken in IE6 again!
Here is the link, http://tinyurl.com/yudm6q
On the homepage I have a small animated flash for the top logo area, and
that page looks fine in all three browsers. But on the rest of the
pages I replaced the swf file with individual static images. It is just
a div box with a logo image and the name image and a tile in the
background. It is supposed to be (per the css styles ) 134px high. But
in IE6 it is making the div 140px high.
I can't figure out why it is doing that. But it causes there to be a
6px strip of the darker blue background color showing through from the
background. It is on all the pages except home (which used the swf file).
Any ideas on how to fix this?
The logo area html is just a logo div:
<div id="logo_box">
<img id="logo" src="../assets/images/pg_elements/logo.jpg" alt="PRA" />
<img id="logo_name" src="../assets/images/pg_elements/pra_name.jpg"
alt="Progressive Rehabilitation Associates" /></div>
The styles are :
#logo_box{ width: 760px; margin: 0; padding: 0;
height: 134px;
background-color: #749ABF;
background-image: url(../assets/images/pg_elements/top_bg.jpg);
background-repeat: repeat-x;
/*border: 1px solid red;*/}
img#logo { display: block; position: relative;
top: 25px; left: 16px; margin: 0; padding: 0;}
img#logo_name {position: relative;
left: 117px; top:-20px; display: block; }
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
