I don’t know if your div#header is dinamically generated by your theme, so a solution that will work anyway is to put your <div> right after the <div class="hfeed" id="wrapper">, and define it an id and CSS rule as:
#ID-OF-YOUR-DIV {
position:absolute;
top: 2px;
left: 5px;
z-index:10;
}
change the top and left value to match the desired position.
Thanks, this did the trick – at least in parts. I just noticed what I forgot to mention: the logo is also supposed to overlap the content section a little, which doesn’t work now, no matter how high the z-index of my <div> is. Same thing if I insert the <div> into the page template instead of the header file.
z-index only work if the position rule is applied to the element.
besides… dkret.js (located at: http://www.crapgrass.com/wsc69599828/testcamp/wp-content/themes/dkret3/library/js/) is messing with all images on the site… insted of using <div><img /></div> just use a <div></div> with background-url pointing to your image and width / height matching the image dimensions…
Yes, almost there! I moved the <div> to the main page layout instead of the header file, now it’s sitting right where it belongs. Thanks again rsirotheau!
