CSS Forum

**lynnema** · 12:57 PM

Hey gang - hope everyone is well.

Here is the URL in question: http://www.jessweiss.com/sciatica/index.html

When I tried to put in the addresses at the bottom using the footer/addr CSS tags, it looked fine in IE, but in Firefox the border cut off in the middle of the addresses. I was able to "solve" this problem by adding padding to the bottom of the addr tag (also worked in the footer tag), but now it looks the way I want it to in Firefox, but has a huge gap in IE between the addresses and the border.

Any way to get it to look the same in both browsers? What am I missing? TIA!

**angele803** · 04-19-2007, 04:31 PM

Did you get this taken care of? I am at work right now and I am using a Mac. It looks fine to me in FF. I will take a look at it on my PC when I get home tonight.

**nmallare** · 08:17 PM

I took the padding out, and replaced footer with this:

Code:

#footer {
    color:#999999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    width: 700px;
    height: 100px;
}

#addr {
    width: 700px;
    color:#999999;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    white-space:nowrap;
}

Nick

**lynnema** · 04-20-2007, 08:14 AM

Quote:

Originally Posted by nmallare

I took the padding out, and replaced footer with this:

Code:

#footer {
    color:#999999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    width: 700px;
    height: 100px;
}
 
#addr {
    width: 700px;
    color:#999999;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    white-space:nowrap;
}

Nick

That totally did the trick. And of course, once I saw it, I was like D'oh!

Thanks so much - and sorry for the brain cramp!