Why is my site doing this?

[miss_kristine]

Ok, here is my site. why is it not working in firefox but is fine in safari?

http://www.grc175.com/student/fall_2011 ... ehillsite/

[Instructor]

The lace divs have no real specified positioning so they're kind of free floating wherever they please. I'd recommend sorting everything out with some left floated divs to make life easier on yourself. Basically, make a content container div to fit the lace and the rest of your site content, then create one div for the laces and float that left (and I'd recommend not using multiple lace divs, but simply one div that's the height of your content with the lace image as a tiling background). Then create another div and paste the rest of the site content (minus your overall container div) within and float that div left. That way the content control div will contain everything to sit in the center of the browser window and the lace will pin to the side of the content with no heartache on your part.

The HTML markup should look something like this:

Code: Select all

<div id="container">

      <div id="content_container">

           <div id="lace">
                    ~lace goes here~
           </div><!--end of lace-->

           <div id="page_content">
                   ~entire rest of website goes here~
           </div><!--end of page_content-->

      </div><!--end of content_container-->

</div><!--end of container-->

That should spare you s much difficulty as possible.