Just put together a new portfolio website, PHP/MySQL/CSS/DHTML, it's pretty sexy (I think) Let me know what you guys think [Link Here]
JESUS LORD! why is Firefox the bane of existence?! I have no errors in IE 7/8 or Safari... Firefox has always had problems with DIVs...
haha, I always seem to have errors in IE and perfect in FF with DIVs lol Then again I'm coding myspace layouts so bleh =/
it renders perfectly in IE, everything I make does... I hate firefox with a god forsaking passion...lol
I'm going to have to agree with iPoo. Firefox renders div tags just fine; Internet Explorer is notorious for having rendering trouble. Both have their bugs, but IE has far more. That said, I also am getting the trouble with the page in Firefox, but if you develop the site while testing in IE, that's to be expected. It's considered better practice to develop in a more capable rendering browser such as Firefox (or Opera, although some may debate that), then fix the errors that crop up in other browsers. I'm going to have to go on what's rendered for me while critiquing. My first issue with the design is the lack of focus on your title. It's very small, and doesn't get the users attention. You have a large picture that immediately grabs the users focus, however... It doesn't do much for the design. It barely conveys any meaning in the context of your site and thus ends up looking bland and generic. Not the message you want to convey to a client. The navigation hover-over gradients don't look very good either, they're too harsh. Try toning them down. Re-color your text links, the default blue is ugly - plain and simple. Currently you can barely read the copyright given the color. Ditch the numbers next to the segment titles. They're pointless and a bit tacky. I myself don't think the background is too bad. The font you use in general isn't the easiest to read. Consider making it larger. Now, as far as the code... It's pretty bad. The biggest issue is usability. When the window is expanded horizontally past a certain point, the columns become screwy and send text where it shouldnt be. This is exactly the case on my widescreen, and it explains why the issue only happens for some people. Lines such as this <div class='codetop'>CODE</div><div class='codemain' style='height:200px;white-spacere;overflow:auto'><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('images/index_050.jpg','images/index_030.jpg','images/index_060.jpg','images/index_080.jpg')"> </div> have been long antiquated by CSS. Additionally the use of tables isn't great in general unless displaying tabular data, but in this case the table just doesn't function correctly (aka the above window width problem). <div> tags and CSS are a highly capable solution to laying out a site, and degrade gracefully when the user has bad or no CSS support. Also, images are used when text and CSS would achieve the same end with better accessibility and expandability, such as the nav buttons and page title. The nav hover-overs could themselves be achieved with CSS instead of Javascript, which is preferable because the hover over is a type of stylization, which CSS is made for. The alt attributes aren't there where they are most important. You have no DocType. Your lines achieved with the <hr> tag would be better off being done in CSS. Making the copyright text a link to logging in is rather strange. The way it just makes a login prompt may confuse the user. The code at the end of the file is pretty messed up. Some of your links in the nav are relative, some are absolute. Aim for consistency; choose one or the other. (Relative would be a better choice in this situation). Being harsh with the intention of being helpful.