WordPress.org

1. Ashley Michèlle
   Member
   Posted 8 months ago #
   

   I am experiencing some issues with properly aligning the right sidebar...
   When I set it to float to the right, it ends up shifting the 3 column "sidebar" I have below, near the footer, or else pushing it off to the side.

   This is the CSS that controls the columns:

   #wrapper {
   	width:1068px;
   	margin-left:auto;
   	margin-right:auto;
   }
   .content {
   	padding-bottom:0px;
   }
   .main {
   	background: url('images/mbgtop.png') top center no-repeat;
   	font-family: "HelvCondensed";
   	color: #CCCCCC;
   	font-size:16px;
   	padding:30px;
   	min-height:275px;
   }
   .mainwrap {
   	background: url('images/mbgbottom.png') bottom center no-repeat #2c2c2c;
   }
   .left {
   	width:600px;
   	padding:0;
   }
   .right {
   	width:320px;
   	text-align:center;
   	float:right;
   	padding:0;
   }

   http://www.nwimt.com/cnc/ <-- this is where I am currently trying to address the issue.
   Any help would be greatly appreciated!

2. Andrew Nevins
   Volunteer Moderator
   Posted 8 months ago #
   

   Can you link some imagery of how the web page should look like?

3. Ashley Michèlle
   Member
   Posted 8 months ago #
   

   Andrew,
   Certainly!

   http://ashleyklaus.com/client/NWI/nwi01templateREVISED.png

   This is essentially what it is being designed to look like/function as (granted there have been lots of design changes, due to client preference).

4. Ashley Michèlle
   Member
   Posted 8 months ago #
   

   Still baffled over this one. If anyone has any ideas, I would greatly appreciate it!

5. WPyogi
   Volunteer Moderator
   Posted 8 months ago #
   

   It's not very clear to me what the problem is -- can you describe it in more detail? It looks quite okay in Firefox on a Mac.

6. Ashley Michèlle
   Member
   Posted 8 months ago #
   

   WPyogi,

   Thanks for taking a look! I use both Firefox and Safari to check over my coding. I had removed a few of the widgets so that my client didn't have to see the mess, but I just added them back temporarily, so you can take a look at how it distorts the content.

7. Ashley Michèlle
   Member
   Posted 8 months ago #
   

   You can see what I mean more clearly at the moment here: http://nwimt.com/machining/

8. WPyogi
   Volunteer Moderator
   Posted 8 months ago #
   

   Okay, I think you'll have to start with cleaning up a bunch of mark-up errors -- which are likely causing the layout issues:

   http://validator.w3.org/check?uri=http%3A%2F%2Fnwimt.com%2Fmachining%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

   Once you've done that, see where you are and post back if there are still problems.

Reply

You must log in to post.