Everything renders perfectly in chrome. but in IE and firefox does not float the header text.I've done some research and I've tried setting a width. even went as far as 2000px. that did nothing. overflow:hidden. clear. i just have no idea and it's really pissing me off.\[code\]index page:<!DOCTYPE html><html><head></head><body><form ><link href='http://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css' /><link rel="stylesheet" type="../text/css" href="http://stackoverflow.com/questions/13781324/css/header.css" /><link rel="stylesheet" type="text/css" href="http://stackoverflow.com/questions/13781324/css/navbar.css" /><link rel="stylesheet" type="text/css" href="http://stackoverflow.com/questions/13781324/css/footer.css" /><div id="header"><img id="logo" src="http://stackoverflow.com/questions/13781324/images/panda.png" alt="" /><div id="headerText"> HEADER TEXT</div></div><div id="navbar" ><div id="links" > <a href="http://stackoverflow.com/questions/13781324/thisindexpage.php" class="navLink" >Home</a> <a href="http://stackoverflow.com/questions/13781324/aboutUs.html" class="navLink" >About Us</a></div></div><div id="footer"><div id="footerText"> Random Address <div id="networkLogos"> <img id="facebook" src="http://stackoverflow.com/questions/13781324/images/facebook.png" alt="facebook logo" /> <img id="twitter" src="http://stackoverflow.com/questions/13781324/images/twitter.png" alt="twitter logo" /> </div></div></div></form></body></html>\[/code\]header.css:\[code\]#headerText{float: right;margin-right: 500px;margin-top: 50px;font-size: 50px;}\[/code\]navbar.css:\[code\]#navbar{background-image: url('../images/nav.png');background-repeat: no-repeat;width: 92.2%;margin-top: -10px;}#links{font-size: 20px;font-family: helvetica;padding-top: 25px;padding-bottom: 100px;padding-right: 140px;padding-left: 80px;}.navLink{padding-right: 20px;padding-left: 20px;}a:link, a:visited{text-decoration: none;color: white;}\[/code\]footer.css:\[code\]#footer{color: white;background-color: #0C1751;padding: 10px;font-size: 12px;width: 89.3%;}#footerText{vertical-align: middle;}#networkLogos{margin-top: -4px;float: right;}#facebook{padding-right: 4px;}#twitter{padding-left: 4px;}\[/code\]
Float does not work in IE or firefox
- Thread starter c0r3
- Start date