The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS CSS Positioning Vagaries

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #32851

    I’m trying to troubleshoot a CSS problem I inherited – and am not sure where to start. This is what we’re going for:

    using this (partial) code:

    /* =Global Reset


    div, ul, h1, h2, h3, h4, h5, h6, p {border: 0; margin: 0; padding: 0;}

    .clear {clear: both;}

    img {border: 0;}

    input, select, option {font-size: 1em; color: #000;}

    /* =Structural


    body {margin: 0; padding: 0; background: #FFF; font-family: Verdana, Helvetica, Arial, sans-serif; text-align: center;}

    #wrapper {position: relative; width: 765px; margin: auto; padding: 0; text-align: left;}

    #content {width: 765px;}

    /* =Header


    #header {width: 765px; margin: 15px 0 30px 0;}

    However in Firefox 3.x (Mac) and Chrome (also Mac), we get:

    The logo and “this site” text are both contained within the header div, while the three colorful blocks are in content.

    Full CSS available here:

    Where should I start? Am I missing something obvious? If so, many apologies for the n00b questions.



    You could wrap the text in a div or span and float it right, should solve the problem. Or make sure the wrap is as long as it should be, so that the image isnt pushing it down.

    Edit: Also you could wrap it and set it to absolute positioning, then use top right 0

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.