WordPress.org

Ready to get started?Download WordPress

Forums

Right Sidebar Alignment (8 posts)

  1. Ashley Michèlle
    Member
    Posted 1 year 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
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

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

  3. Ashley Michèlle
    Member
    Posted 1 year 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 1 year ago #

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

  5. WPyogi
    Volunteer Moderator
    Posted 1 year 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 1 year 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 1 year ago #

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

  8. WPyogi
    Volunteer Moderator
    Posted 1 year 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.

Topic Closed

This topic has been closed to new replies.

About this Topic