Positioning with CSS

  • Resolved mrling

    (@mrling)


    13 years, 1 month ago

    Site: http://www.jakespharler.com
    Theme: Child-Twenty Twelve

    I am fairly proficient with CSS now, but for the life of me, I cannot figure out why my RSS icon is sitting below the header. I want to position it on the far right with the bottom of the header image and RSS icon in alignment. Maybe it’s something simple that i will be able to solve after getting some sleep, but was hoping the community here could poke around with firebug or other development tools and see if you can help me out.

Viewing 5 replies - 1 through 5 (of 5 total)
  • UxFloyd

    (@uxfloyd)

    13 years, 1 month ago

    Probally the main reason why it’s unearth your logo is because it’s in a different div.

    Easy solution (maybe not the neatest):
    1. Change your div rollover-header width to 100%
    2. put the div feed-header into the rollover-header underneath the a href

    Hope this does what you want it to do.

    Thread Starter mrling

    (@mrling)

    13 years, 1 month ago

    Shouldn’t I still be able to position it the way I want with both the rollover and rss divs nested inside the header? I believe the header would be only extending to the base of the rollover image if the rss icon was not there. I’m just confused because without resizing the rollover div to 100%, there should be plenty of space for the rss icon to fit next to it.

    UxFloyd

    (@uxfloyd)

    13 years, 1 month ago

    It is possible, mind be handy to check the css positioning: positioning in css

    I tried a few simple things on your website with the positioning only for some reason your whole body div started freaking out.

    Triptripper

    (@triptripper)

    13 years, 1 month ago

    Try

    #rollover-header {
	width: 33%;
	float: left;
}

#feed-header {
	float: none;
	margin-left: 96%;
	margin-top: 50px; /* adjust to whatever you like */
}
    Thread Starter mrling

    (@mrling)

    13 years, 1 month ago

    Thanks Triptripper, it worked!

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

The topic ‘Positioning with CSS’ is closed to new replies.