Header moving down!

  • caldog9

    (@caldog9)


    12 years, 6 months ago

    Hello, I am using the theme Atahualpa. I have used a ‘relative’ div in the header to put some HTML in there on top of the header, but instead of going ON TOP, it goes above and pushes the header down. Now, I tried absolute, however on different screen sizes the image goes way off and on to the background and looks a mess. I currently have this in the CSS INSERTS—

    #my-divtwo { position:absolute; top:120px; left:23px;}

    and this in the header area–

    <div id="my-divtwo"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="269" height="293">					<param name="movie" value="http://media2.clubpenguin.com/community/flash/widget.swf">					<param name="quality" value="high">					<param name="wmode" value="transparent">					<embed src="http://media2.clubpenguin.com/community/flash/widget.swf" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="269" height="293"></embed></object></div>

    How can I get it to go on top of the header, and not push the header down?

Viewing 1 replies (of 1 total)
  • peredur

    (@peredur)

    12 years, 6 months ago

    A link to your site would help, if possible. It’s easier to see what’s happening if we can see it in context.

    You might also like to bear in mind that absolute positioning positions elements with respect to their first non-statically positioned ancestor or the viewport if no ancestor is non-statically positioned.

    IOW it’s important you consider in relation to what you want an element to be absolutely positioned.

    Cheers

    PAE

Viewing 1 replies (of 1 total)
  • The topic ‘Header moving down!’ is closed to new replies.

Tags