mindspin311 Posted February 18, 2008 Share Posted February 18, 2008 I don't know why this isn't working. The left margin works just for the text without moving the background graphic, but the top margin moves both the text and graphic. It doesn't work in firefox, but does in IE. Any ideas? <html><head> <style type="text/css"> .menu_top { background: url("images/link_box_top.gif") no-repeat; width: 192px; height: 37px } .font_title { color: #BEC7C7; font-family: times; font-size: 18; margin-left: 20px; margin-top: 20px } </style> <title> test </title> </head> <body> <div class="menu_top"><div class="font_title"> PROJECTS<br /> </div></div> ... ... ... Quote Link to comment https://forums.phpfreaks.com/topic/91615-margin-top-inside-nested-divs-not-working-right-moving-everything/ Share on other sites More sharing options...
TheFilmGod Posted February 18, 2008 Share Posted February 18, 2008 this is a bug. Use paddding. Quote Link to comment https://forums.phpfreaks.com/topic/91615-margin-top-inside-nested-divs-not-working-right-moving-everything/#findComment-469294 Share on other sites More sharing options...
Guardian-Mage Posted February 20, 2008 Share Posted February 20, 2008 Yes, use padding. The problem is fixed with Gecko 1.9/Firefox 3 Quote Link to comment https://forums.phpfreaks.com/topic/91615-margin-top-inside-nested-divs-not-working-right-moving-everything/#findComment-472215 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.