Open Designs

Open Designs Forum » General Talk

1. mjf75
   Member

   I'm using a design from this site for my school webpage and it looks great, I love it, however, on some others' computers, the layers that I added in are not placed properly on the screen, the resolution is off or it is just not fitting somehow even though it looks perfect on my screen and others comps in my lab. Anyone know how I can fix the code so that it looks the same on all computers? Thanks

   Posted 1 year ago #

2. papab30
   Member

   Do you have the page some place where it is accessible to the world? It's hard to debug a page with seeing it, or at least having the markup and stylesheet with it.

   Posted 1 year ago #

3. mjf75
   Member

   yes, it is http://www.strsd.southwick.ma.us/schools/woodland/default.htm
   thanks...

   Posted 1 year ago #

4. papab30
   Member

   You have a handful of problems. All easily corrected.

   1) take out the width and height from this div:
   <div class="clearthis" style="width: 152px; height: 677px">

   2) add in this div under the existing comment and add a closing div for it right above the footer:
   <!-- Start of Main Content Area -->
<div id="main_content">

   3) In the style sheet modify this section:
   #left_sidebar {
/*width: 129px;*/
width: 155px;

   4) And also modify this section:
   #main_content {
margin-right: 2px;
/*width: 644px;*/
width: 604px;</ code>

   What happened is that the main content section was missing from the markup. The section navigation on the left was narrow so I enlarged it, and made the main content just a little smaller to accommidate the left side navigation change. After adding in the main section div and removing the hard coded on the div called 'clear this' everything fell into line.

   Good luck and hope this helps some.

   Posted 1 year ago #

5. kongochui
   Member

   Try it now. Thanks for the hint.

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.