- This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
Viewing 5 posts - 1 through 5 (of 5 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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
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!
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.
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?
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.