Margin problem with #main and #container div's

  • First of all, this is a WAMP, localhost install; the site is not live online.

    I’m using a child theme with the twentyten theme.
    I copied the twentyten style.css over to the child theme.

    Everything worked well with styling until I got to the #main and the #container divisions.

    As a guide, I changed the background colors, and it appears that the #container is a child inside the parent #main.

    I also put a 1px top border on the #main to stop collapse with anything above it.

    Problem:
    No matter what I seem to do, the #container will not go flush against the top of the #main. There seems to be about a 40px #main padding applied that won’t go away and pushes the #container and the sidebar down.

    I say that because I floated the #container to the left so the sidebar would come up on the right, and the sidebar also has the same 40px problem at the top. So, it would appear that it’s a problem with the #main, but I can’t find it. Here’s the css:
    ======================================

    #main {
	width: 980px;
	overflow: hidden;
	margin: 0px 10px 15px 10px;
	border-top: 1px solid #211429;
	background: #211429;
	}

#container {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 660px;
	background: #00ffff;
}

    ========================================

    Has anyone else had this problem or maybe know what’s going on?
    Thanks

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

  • in style.css of twenty ten, #main has a top padding of 40px (around line 450)

    /* =Content
-------------------------------------------------------------- */

#main {
	clear: both;
	overflow: hidden;
	padding: 40px 0 0 0;
}

    if you are working with a child theme, you need to set the top padding to whatever you need. if padding is not set, it will be taken from the parent theme (assuming that you have inported style.css of the parent theme)

    Thread Starter adhdcelt

    (@adhdcelt)

    WOW!
    MY GOODNESS, Sweeper.
    There’ll be a little something extra in your check next week.
    Thank you so much!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Margin problem with #main and #container div's’ is closed to new replies.