Forums

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

Home Forums CSS Relative positioning w/ floats?

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #27274

    Am having issues in older versions of IE/Safari/Firefox with a relatively positioned div that is floated right… is there something I’m missing here?

    If you’re running current versions of these browsers, you can see the page correctly displayed at http://www.beautifulmachine.com

    #68377

    That’s what I thought as it looks like the #contact div is getting bumped down due to a width issue of the wrapper… however no matter how wide I make the #wrap it doesn’t make a difference… any other ideas? Thanks for your help!

    #68379
    TheDoc
    Member

    It is because of WHERE the float is beginning in the code.

    If you took the entire contact div and put it ABOVE your <h1>, you’re fine.

    So, what you should do is wrap the h1, logo, and bracket all in another dive and float it to the left.

    #68452

    Doc,

    That worked like a charm. Thanks so much for your help, I really appreciate it… as I’m relatively new to standards compliant CSS and semantic XHTML, I’m curious, does placing the contact info above the h1 break the rules of clean and semantic markup?

    #68455
    TheDoc
    Member
    "2220" wrote:
    Doc,

    That worked like a charm. Thanks so much for your help, I really appreciate it… as I’m relatively new to standards compliant CSS and semantic XHTML, I’m curious, does placing the contact info above the h1 break the rules of clean and semantic markup?

    You could say yes, but on a page with such little content I wouldn’t worry about it.

    If you wanted to make sure the <h1> stayed above the contact info, you would need to wrap it and the two images in another div that would be floated to the left.

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