View Full Version : CSS looks right in IE but not FF

06-10-2005, 06:21 PM
Ok, I put up a test page for my problem.

It is simple. The CSS looks right in Internet Explorer, but in Firefox the space between the frames dissapears. I think Firefox may be indeed reading it right and Explorer is adding some extra pixels to the top which makes it look right. Just open the test page in IE and FF and you will notice the difference by looking right underneath the main banner(s). Someone please give me some help with this. I would like for the page to look like it does in IE.

http://www.definingperfection.com/test/test.html ('http://www.definingperfection.com/test/test.html')

The .css file is here:

http://www.definingperfection.com/test/test.css ('http://www.definingperfection.com/test/test.css')


06-14-2005, 04:05 PM
Try to remove your spaces first, make your line of code look like this: <div id="topright2"><img src="testbanner.jpg" alt="" width="447" height="149"></div>

06-14-2005, 07:58 PM
Try to remove your spaces first
Thanks Domedia, I appreciate you helping me out.

Ok cool, I got the spaces removed.

Now I want them back :)

Except in both browsers this time.

So whats my next move?

Thanks Again!

06-16-2005, 03:55 AM
Hey Domedia, any advice on getting those spaces back? I know it must be something simple.

06-16-2005, 12:59 PM
You can set a bottom margin for the 2 top elements. Unfortunately, you right image is already larger than it's containing box, so you wont see the effect there until you've saved the image with a new height.
#top {
color: #FFFFFF;
width: 221px;
height: 140px;
background-color: #778CB3;
margin-bottom: 4px;}
#topright2 {
float: right;
height: 140px;
width: 447px;
margin-bottom: 4px;}

06-16-2005, 07:04 PM
Thanks Domedia!

I appreciate your help.