midnight Posted July 10, 2010 Report Share Posted July 10, 2010 Всем привет. Решил сверстать простой шаблон - появилась проблема оступами у элемента hr в ie7@CHARSET "UTF-8";*{ margin: 0px; padding: 0px; font-family: sans-serif; font-size: 16px;}#wrapper{ width: 960px; margin: auto;}#wrapper #header{ height: 50px; background-color: teal; padding: 10px;}#wrapper #header p{ font-size: 12px;}#wrapper hr{ margin-top: 0px; height:5px; background-color: #295C4A;}<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><link href = "stylesheets/testing_template.css" rel = "stylesheet" type = "text/css" /><title>Basic Template</title></head><body><div id = "wrapper"> <div id = "header"> <p>testing_template.css</p> </div> <hr/> <div id = "middle"> <div id = "menu"> <ul id = "menu_list"> <li> index </li> <li> register </li> <li> authorize </li> </ul> </div> <div id = "main"> </div> </div> <div id = "footer"> </div></div><!-- include JS --></body></html>Если кому нечем заняться - прошу просветить меня по этому поводу. Quote Link to comment Share on other sites More sharing options...
0 adwo Posted July 10, 2010 Report Share Posted July 10, 2010 Все потому что он здесь не нужен.Пропишите border-bottom: 5px solid #295C4A; для #header. Quote Link to comment Share on other sites More sharing options...
0 DjTarik Posted July 10, 2010 Report Share Posted July 10, 2010 Всем привет. Решил сверстать простой шаблон - появилась проблема оступами у элемента hr в ie7@CHARSET "UTF-8";*{ margin: 0px; padding: 0px; font-family: sans-serif; font-size: 16px;}#wrapper{ width: 960px; margin: auto;}#wrapper #header{ height: 50px; background-color: teal; padding: 10px;}#wrapper #header p{ font-size: 12px;}#wrapper hr{ margin-top: 0px; height:5px; background-color: #295C4A;}<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><link href = "stylesheets/testing_template.css" rel = "stylesheet" type = "text/css" /><title>Basic Template</title></head><body><div id = "wrapper"> <div id = "header"> <p>testing_template.css</p> </div> <hr/> <div id = "middle"> <div id = "menu"> <ul id = "menu_list"> <li> index </li> <li> register </li> <li> authorize </li> </ul> </div> <div id = "main"> </div> </div> <div id = "footer"> </div></div><!-- include JS --></body></html>Если кому нечем заняться - прошу просветить меня по этому поводу.По умолчанию, в ie6 и ie7 отступы у hr на 7px сверху и снизу больше. Тут писать отдельный стиль или не использовать вообще. Quote Link to comment Share on other sites More sharing options...
0 midnight Posted July 10, 2010 Author Report Share Posted July 10, 2010 Большое спасибо за помощь Quote Link to comment Share on other sites More sharing options...
0 psywalker Posted July 10, 2010 Report Share Posted July 10, 2010 Забудь про этот устаревший тег, его уже давно никто не использует. Quote Link to comment Share on other sites More sharing options...
Question
midnight
Всем привет. Решил сверстать простой шаблон - появилась проблема оступами у элемента hr в ie7
Если кому нечем заняться - прошу просветить меня по этому поводу.
Link to comment
Share on other sites
4 answers to this question
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.
Note: Your post will require moderator approval before it will be visible.