Separated widgets

  • Resolved patchtown

    (@patchtown)


    14 years, 8 months ago

    Hello all. I’m new to coding wordpress themes and I’m having a problem with my widgets being separated. Here is the blog for reference:

    https://jewelrykings1912.com/blog/

    I have a two column layout with the sidebar widgets appearing on the left and the main content on the right. Right now, only the search bar is showing up where it’s supposed to. The rest of the widgets (pages, archives, blogroll, etc.) are located at the bottom of the page, seemingly located outside of the two columns. The position of these bottom widgets does not change if the content and the sidebar switch sides.

    Adjusting the width of either column and the margins also does not seem to make a difference. Here is the layout css:

    #container {
	float: right;
	margin: 0 -220px 0 0;
	width: 98%;
	border-left: 1px solid #dbdbdb;
}
#content {
	margin: 0 240px 0 20px;
}
#primary,
#secondary {
	float: left;
	overflow: hidden;
	width: 220px;
}

#secondary {
	clear: left;
}
#footer {
	clear: both;
	width: 100%;
}

    Does anybody have an idea of what I’m doing wrong? Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)

  • your css does not match the html.

    for instance your html code does not have a div #primary …

    Thread Starter patchtown

    (@patchtown)

    Thanks alchymyth. And I’m sorry if this seems like a dumb question, but where do you fix the html code? The files are divided into css and php, right?

    I’m still confused because I don’t understand why only one of the widgets, the search bar, is showing up where it’s supposed to and the rest of them are floating at the bottom of the page.

    Thread Starter patchtown

    (@patchtown)

    I’ve updated the layout temporarily to include green borders around my divs to illustrate better what is happening.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Separated widgets’ is closed to new replies.