CSS Problem [trying to target primary div]

Author Posts

fthomas137

Notice: this information was written when Microthemer version 2 was current. On Dec 26th, 2014 version 3 was released with a completely new interface. Some of the information may be redundant, but as much of the functionality remains the same in version 3 we haven't deleted this post.

Hey Sebastian,

Do you have any idea on how to have the ‘primary’ div fill in to the bottom of the secondary div as on this site? http://www.royaltyfreemusiclibrary.org/

I may just modify the main twenty eleven theme to accommodate this by wrapping the two divs in a main div. I am currently using the div before to show the graphical background header.

Frank


Sebastian

Hi Frank,

I’m not entirely sure what your objective is here. From inspecting the divs with firebug it seems that overlapping behaviour of the #primary and #secondary div is caused by left and right floating and a negative right-margin on the primary div.

Perhaps a link to the site your currently working on with some more specific instructions would help me assist you further.

Cheers,

Sebastian


fthomas137

What I’m trying to do is have the background image in the primary div fill down to the same length as the secondary div.

Frank


Sebastian

Ah I see. So is this actually the site your working on? http://www.royaltyfreemusiclibrary.org/

If so, I think you could try adding the background image to the #main div instead of the #primary div. In order for this to work you will need to set “overflow” to “hidden” on the #main div (otherwise it will have no height because both #primary and #secondary are floating).

I hope that helps.

Sebastian


fthomas137

I’m using the main div to hold the top part of the background. Hmm, I may have to add a div in to get what i want.

Frank

You must login or register to reply to this topic.