Treehouse: Grow your CSS skills. Land your dream job.

positioning positioning…

  • # February 17, 2011 at 12:29 pm

    Hi guys I have a problem

    I have a centered layout with a navigation bar in it, in the navigation I have the logo which is the home link and to the right side the navigation links, they are both floated to the left because I need them to be in the same line, but the problem is that when I make the window smaller the navigation bar colapses to fit into the window and I don’t want that I want it to stay the way it is acording to the container width but when I assign a position to the elements the logo and the nav links they become block level and each one take a different line and when I give them an inline display the whole interface cracks.

    I hope you can help me, and do you know anny positioning tutorial an indepth one
    cause I can’t get my head around it

    # February 17, 2011 at 1:22 pm

    show us the code or a link.

    # February 17, 2011 at 2:29 pm

    use min-width

    # February 17, 2011 at 4:24 pm

    Take a look at my tutorial on absolute positioning. May help with what you’re looking to do. I use absolute positioning alot for placing logos and navigation in the header of a site.

    # February 17, 2011 at 11:05 pm

    right , dude show us your code

    # February 18, 2011 at 2:59 pm

    hey thanks everybody I solved it! this is the website that I’m working on

    # February 18, 2011 at 3:33 pm

    Most of the developers made mistake like this, its not an big issue just use


    to the css and check using firebug

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.