Page shifts to left when I load

**kath** · Aug 25, 2012 11:34

Hi

I have a page with 3 columns and I didn't set it up right.
When the page loads, and then shifts to the left.
I can't figure out what I did wrong.
Attached is my stylesheet.

styles.zip

**Paul O'B** · Aug 25, 2012 13:20

Hi Kath,

We'd need the html that goes with that as CSS on its own means very little and that is some complex css you have there using many negative margins so is too hard to guess what's going on.

Just post the html inside code tags in your post rather than attaching a zip as its much easier to work with that way. Or even better still provide a link to the page in question.

When the page loads, and then shifts to the left.

You will need to clarify exactly what that means and detail what happens and what was supposed to happen

**kath** · Aug 25, 2012 13:50

Originally Posted by Paul O'B

Hi Kath,

We'd need the html that goes with that as CSS on its own means very little and that is some complex css you have there using many negative margins so is too hard to guess what's going on.

Just post the html inside code tags in your post rather than attaching a zip as its much easier to work with that way. Or even better still provide a link to the page in question.

You will need to clarify exactly what that means and detail what happens and what was supposed to happen

Here is the link to the page in question:
http://career-updates.org/find-jobs-...ohio&x=59&y=31

**dresden_phoenix** · Aug 25, 2012 16:24

Try this:

Code:

 #maincontainer
{
width			: 1100px;
margin		: 0 auto; 	/*Center container on page*/
}

#contentwrapper
{
float			: right;
 width:729px;
 margin-right:190px
}
#leftcolumn
{
float			: left;
width			: 180px;	 /*Width of left column in pixel*/
border-left		: 1px dotted silver;
}

#rightcolumn
{
float			: right;
width			: 190px;	 /*Width of right column*/
margin-right:-950px

  }

You can get rid of the "innertube" and "contentcolumn" in your mark up, if you dont need them for something else.
Also change your doctype to: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Hope that helps.

User Tag List

Thread: Page shifts to left when I load

Thread Tools

Display

Page shifts to left when I load

Bookmarks

Bookmarks

Posting Permissions