22nd June 07, 08:51 AM
Join Date: Jun 2007
Browser Incorrect Render of clear: both, List Item Height, and Corners
First off let me say I'm a programmer not a web designer. I have some knowledge of CSS, but I could not pay to have this site designed, so I tried it on my own (it may not be the most elegant CSS/XHTML suggestions on improvement would be well taken). I have only a few problems, any help on the solution or reference which may help me resolve my issues would be highly appreciated!
You can see the site at:
Footer doesn't seem to clear: both;.
Only does this in Netscape 6, the footer div does not seem to clear: both; and wants to render near the middle of the page rather then the bottom.
Problem 2 & 3:
List Item height error.
This problem has two versions, one which happens in IE 5. Each "block" for each image is a li in a ul. IE 5 does not render the CSS rules correctly to size the blocks, they are way to long.
In IE 6, the block are now not too long, but they are not the same size, rather they are the smallest size they can be, they should be the same size;
Problem 4 & 5:
Corners not in corner.
This is the same problem, only 4 is at the top of the page and 5 is at the bottom. Firefox 1.5, IE, and others have this error, while others do not. The corner images (CSS background's) do not go all the way up to the top (or bottom) of the div they are a background of.
Any help with these errors would be greatly well taken, I have been working on this for a few days now (rewrote it a few times) and I can't seem to find one solution with solves all the problems for every browser.
The IP address is the public IP from my router, which has been going in and out the last few days. If it goes out, my IP will change, if that happens I will update this message with the new IP as soon as I can.
Thank you very much for your time!