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> ... ... ... 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. 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 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
Archived
This topic is now archived and is closed to further replies.