2 replies [Last post]
JBelthoff
Offline
Enthusiast
Connecticut
Last seen: 13 years 2 weeks ago
Connecticut
Timezone: GMT-5
Joined: 2006-01-16
Posts: 51
Points: 0

OK I have this page: http://www.theavidguitarist.com/x_tesing/testhomepage.aspx

I am working on the middle 2 column layout so that both columns fill to the bottom. Everything is working good with that.

My question is:

Look at the lower left of the black column where it says: "Show off your Great Axe. Fount out how."

In IE there is some padding at the bottom of that sentence. Both Opera and FF show 0 padding as I have in my code.

How do I make IE behave like Opera and FF?

Here is my CSS Code. The HTML you can get from the page. Thanks, JB!

.clear {clear: both; height: 0px;}
/* BEGIN MID CONTAINER LEFT INFORMATION */
#midcontainer
{
background: #fff url(/images/design/midbg1.gif) no-repeat bottom left;
margin: 16px 0px 15px 0px;
border-bottom: solid 1px #fff;

}
/* END MID CONTAINER LEFT INFORMATION */

/* BEGIN LOWER LEFT INFORMATION */
#lowerleft
{
background-color: #000;
float: left;
width: 374px;
}
#lowerleft h2
{
background: #fff url(/images/design/blacktop2.gif) no-repeat top left;
padding: 6px 0px 6px 16px;
border-bottom: solid 1px #aaa;
}
#lowerleft h2, #lowerleft p
{
color: #fff;
}
#lowerleft p
{
padding: 18px 8px 0px 8px;
}
#lowerleft img
{
float: left;
margin: 12px 12px 0px 0px;
}
/* END LOWER LEFT INFORMATION */

/* BEGIN LOWER RIGHT INFORMATION */
#lowerright
{
background-color: #eee;
float: right;
width: 374px;
}
#lowerright h2
{
background: #fff url(/images/design/graytop1.gif) no-repeat top left;
padding: 6px 0px 6px 16px;
border-bottom: solid 1px #777;}
#lowerright ul
{
list-style-type: square;
font: normal .70em Verdana, Arial, Sans-Serif;
padding: 18px 8px 8px 8px;
margin-left: 36px;
}
#lowerright li
{
padding-bottom: 12px;}

/* END LOWER RIGHT INFORMATION */

John Belthoff
Dodge, Duck, Dip, Dive & Dodge
If a man can dodge a wrench, he can dodge a ball!

JB - IPG - Asp.Net

DanA
DanA's picture
Offline
Elder
Last seen: 9 years 47 weeks ago
Timezone: GMT+2
Joined: 2004-08-14
Posts: 1087
Points: 2

Add font-size:0; in

Add font-size:0; in .clear
You have a hasLayout problem with #midcontainer (add height:1%;)

JBelthoff
Offline
Enthusiast
Connecticut
Last seen: 13 years 2 weeks ago
Connecticut
Timezone: GMT-5
Joined: 2006-01-16
Posts: 51
Points: 0

Perfect! Thanks,

Perfect!

Thanks,

John Belthoff
Dodge, Duck, Dip, Dive & Dodge
If a man can dodge a wrench, he can dodge a ball!

JB - IPG - Asp.Net