Does my site look misaligned? Options

[SharperMyspace]

I use IE. My site looks great in IE, but someone told me that it was messed up in FF.

Could someone here who uses FF tell me if it is messed up? Maybe it is just that one guy's computer and not nessisarily my fault. Thanks!

The link is in my sig.

[fixtatik]

oh, i misread it. i thought you meant you had two style sheets.

but my point in using an external style sheet over how you have it set up right now is to make everything easier. instead of changing each page one at a time, you can change everything at once using a style sheet. the way you're doing it right now probably has some conflicting codes, which is why it looks messy in any web standards browser and looks great in internet explorer.

and i was saying to do it the other way, because it would take forever for me to go through and see exactly where your problems are by looking at each div's style. there could be an incomplete code, a width that's 2 pixels too small, or some other issue that's showing up in firefox.

my biggest reason behind this is to think about the future. how big do you plan on getting your site? i'd imagine if you're paying for web space then you'd like it to be successful. say one day you have 100 pages, and want to change your site's layout. it would take ages to go through and adjust each page, rather than one time in an external style sheet.

//edit: the code you posted does explain some of the problems. you're using position:absolute; which in any browser will position an element exactly on a page. try something like this:

CODE

<style type="text/css" media="screen">
#main { display:table; margin:0 auto; width:900px; }
#top { height:380px; width:100%; }
#left { float:left; width:151px; }
#content { float:left; width:447px; }
#right { float:left; width:300px; }
</style>

<div id="main">
  <div id="top">
    text
  </div>

  <div id="left">
    text
  </div>

  <div id="content">
    text
  </div>

  <div id="right">
    text
  </div>
</div>

the style sheet you'd put in its own file without the <style></style> tags, of course.