Forums

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
    Posts
  • #32851
    brixton
    Member

    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:

    http://www.latterdaybohemian.com/thisandthat/home.css
    http://www.latterdaybohemian.com/thisandthat/did.css

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

    Elizabeth

    #75496
    Jeager
    Member

    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.