PDA

View Full Version : Help with bad CSS and alignment issues



adamrobertson
Jan 20th, 2009, 08:57 AM
First of all, I know that my CSS is hideous and I have a ways to go in terms of coding. However, given the time I have, I've done my best for the time being. I recently launched a beta for my portfolio site and although everything was tested and working on my Mac (Opera, Safari, and Firefox), I noticed problems when testing it on a Windows machine and several versions of IE. First of all, here's the link:

http://hellomynameisad.am

Second, here are screen grabs of my Mac/Firefox and a PC/IE7. You'll notice that the padding between lines on the Mac screen grab is tight and neat whereas the space is wider and not even on the PC/IE7. Second, you'll notice that the rules extend the entire width of the white boxes on the Mac whereas they are short of 100% on the PC/IE7. Hopefully someone can lend a hand and help. Thanks!

http://hellomynameisad.am/mac - firefox.png
http://hellomynameisad.am/pc - ie.png

abduraooft
Jan 20th, 2009, 09:16 AM
Hi there...
There is no point in talking about the cross browser issues, before fixing the errors in your markup, see http://validator.w3.org/check?uri=http%3A%2F%2Fhellomynameisad.am%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

First and foremost, you need add a valid DOCTYPE at the top (http://www.alistapart.com/stories/doctype/).

Have a look at a good 2-column fixed layout at http://bonrouge.com/2c-hf-fixed.php

Excavator
Jan 20th, 2009, 05:34 PM
Hello adamrobertson,
I cleaned up your code a little and got rid of your divitis.

I've commented a bit on the CSS so you can see what it's doing. Hope that helps a little.
I didn't check this in IE6 so there may be problems there, easy enough to fix usually. Also did not check it in any Mac stuff because I don't have one. It should be alright though? Let me know.