Troubleshooting Needed

[comptech520]

Hi,

Can you please tell me what is wrong with this site?

http://esctonline.com/new/

I can't figure it out

[Centauri]

The floats in your .path div are not being cleared, and the floated content div is getting "stuck" on the .right paragraph. The floats in .path can be cleared with an overflow :
.path {
padding-right: 12px;
padding-left: 12px;
background: #CC0000;
padding-bottom: 8px;
font: 1.1em Tahoma, Verdana, "MS Sans Serif";
color: #fff;
padding-top: 8px;
border: 1px dashed #fff;
overflow: hidden;
}

[comptech520]

Thank you kindly!

How do I get my dashed border to appear again.

[comptech520]

Actually, nevermind the last post.

How do I get the height smaller?

.path {
padding-right: 12px;
padding-left: 12px;
background: #CC0000;
padding-bottom: 8px;
font: 1.1em Tahoma, Verdana, "MS Sans Serif";
color: #fff;
padding-top: 8px;
border: 1px dashed #fff;
}

[Centauri]

Adjust your top and bottom padding.

[comptech520]

I put padding top and botton both at 0. Something is making the bottom big

When I add this overflow: hidden;
the dashed border goes away

[Centauri]

The height is being increased by your default bottom padding on paragraph (p) elements - zeroing this for the .path class fixes it :.path p {padding: 0;}

I can see the dashed border fine.

[Centauri]

Just noticed that for IE6 you will also need * html .path {height: 1%; overflow: visible;}to get that browser to clear the floats.

[comptech520]

Thank you kindly!

One last question

Where it says Client Login | Photoweb Login

The Client Login | Photoweb Login isn't even with the text on the left side?

How can I fix that?

[Centauri]

The bottom of the lock image normally aligns with the baseline of text, leaving a gap below it, and this is pushing the whole paragraph down a little. This can be fixed by forcing the image to align with the absolute bottom of the text :.path img {
vertical-align: bottom;
}

[comptech520]

I noticed with out changes that it does not look good in ie6.

It does not display it all the way.

[Centauri]

You still need the code I posted in post #9 to get IE6 to clear the floats in .path div.