xvr
-
Posts
1 -
Joined
-
Last visited
xvr's Achievements
Explorer (1/14)
0
Reputation
-
Здравствуйте. Хотелось бы так как в опере и других нормальных браузерах. Не хотелось бы как у большинства российских пользователей на ИЕ6 и слегка косячно на ИЕ7 <body> <div class="menu"> <ul id="b"> <li ><a href="#"><h6>О КОМПАНИИ</h6></a></li> <li ><a href="#"><h6>ПРОДУКЦИЯ</h6></a></li> <li ><a href="#"><h6>ГОТОВЫЕ ОБЪЕКТЫ</h6></a></li> <li ><a href="#"><h6>КОНТАКТЫ</h6></a></li> </ul> </div> </body> CSS на всякий полностью. *{ margin: 0; padding: 0;} html { height: 100%; } body { height: 100%;} div.header { background:white; height:91px; width: 664px; margin:0 auto; } div.wrap{ min-height: 100%; background: #FFF; width: 664px; margin: 0 auto; position: relative; padding-top:15px; padding-bottom:30px; text-align:center; } div.menu { width:564px; height:80px; margin:0 auto; padding-top:30px; padding-left:100px; } div.menu2 { background: white; width:664px; height:285px; margin:0 auto; text-align:left; } div.sea { background: white; width:664px; height:400px; margin:0 auto; text-align:left; padding-top:30px; padding-left:10px; padding-right:10px; } div.footer { position: absolute; bottom: 0; left: 0; height: 50px; padding-top:7px; padding-left:10px; width: 100%; background: black; } p { padding-bottom: 70px;} h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; font-weight: bold; } h2 { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-style: italic; color: #000; } h4 { font-family: Arial, Helvetica, sans-serif; font-size:9px; color:#FFF; } h4 a { text-decoration:underline; color:#FFF; } h5 { font-family: Arial, Helvetica, sans-serif; font-size:9px; color:#000; } h6 { font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#FFF; } h6 a { text-decoration:none; } </style> [if IE 6]> <style type="text/css"> div.wrap {height: 100%;} </style> <![endif] ul {list-style:none;margin:0;padding:0; list-style-type:none;} li { list-style:none; float:left; margin:0; padding:0; text-align:center; border:5px; } li a {display:block;padding:5px 10px;height:100%;text-decoration:none;} li a {background:url(images/main/green.gif) repeat 0 0;} li a:hover, li a:focus, li a:active {background-position:0px 0px;} #b a {background:url(images/main/green.gif) repeat 0 0;} </style> Меню с ипользованием jQuery Background position animation. Как говорит интернет и прочие форумы проблема в марджинах и паддингах, но как их избежать? Хаки или другие команды? В верстке еще новичок Спасибо за будущие ответы.