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/
Why is my site doing this?
- miss_kristine
- Posts: 67
- Joined: Mon Aug 29, 2011 7:21 pm
- Location: reno,nv
- Contact:
Why is my site doing this?
Kristine Toward
- Instructor
- Site Admin
- Posts: 1869
- Joined: Thu Jul 21, 2011 8:51 am
Re: Why is my site doing this?
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:
That should spare you s much difficulty as possible.
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-->
"Inspiration is for amateurs. The rest of us just show up and get to work." — Chuck Close
Michael Ganschow-Green - GRC 175 Instructor
mganschow@tmcc.edu | 673-8200 ext.5-2173
Michael Ganschow-Green - GRC 175 Instructor
mganschow@tmcc.edu | 673-8200 ext.5-2173