Padding уходит за границы экрана

Inf1n1tI · March 22, 2015

Господа, помогите пожалуйста решить проблему в верстке:

Получается так, что из-за этого позиционирование по центру идет некорректно, думаю по фразе "Бла Бла..." это видно, подскажите пожалуйста, из-за чего так или хотя бы в какую сторону капать?

Vlad02 · March 22, 2015

Для #top_line box-sizing:border-box; пробуй.

З.Ы. у меня по клику ничего не происходит и кнопку искать мне лень. И код так выкладывать смысла нет, используй бесплатный хостинг, как вариант.

Vlad02 · March 22, 2015

Код показывай, а так тут нет ванг и картинку еще меньше надо было сделать.

Inf1n1tI · March 22, 2015

Код показывай, а так тут нет ванг и картинку еще меньше надо было сделать.

По клику картинка увеличивается и там есть кнопочка в полный размер.

Вот CSS

#top_bg{background:url(../img/top_bg.png) center bottom;height:346px;}#top_line{width:100%;max-width:1100px;margin: 0 auto;padding: 30px 30px 0 30px;}#logo{height:36px;width:36px;border-radius:30px;border:5px solid #FFF;float:left;margin-right:15px;}#logo_center{top:15px;left:15px;position:relative;height:7px;width:7px;background:#FFF;border-radius:4px;}#title{color:#FFF;font-size:42px;font-family:Dosis;font-weight:bold;float:left;}#top_menu{float:right;height:46px;}#top_menu ul{margin-right:60px;margin-top:14px;}#top_menu ul li{float:right;color:#FFF;font-size:16px;font-family: Dosis;font-weight:bold;margin:0 15px;}

Вот HTML

<!DOCTYPE html><html lang="ru-RU">    <head><meta charset="utf-8" /><link rel="stylesheet" type="text/css" href="css/style.css" /><title></title></head>    <body>                <div id="top_bg">            <div id="top_line">                <div id="logo">                    <div id="logo_center"></div>                </div>                <div id="title">DimqaKolyada</div>                <div id="top_menu">                    <ul>                        <li>Главная</li>                        <li>Обо мне</li>                        <li>Портфолио</li>                        <li>Контакты</li>                    </ul>                </div>                <div class="clear"></div>                <h1>Бла Бла Бла Бла Бла Бла Бла</h1>            </div>                    </div>            </body></html>

Inf1n1tI · March 22, 2015

Для #top_line box-sizing:border-box; пробуй.
З.Ы. у меня по клику ничего не происходит и кнопку искать мне лень. И код так выкладывать смысла нет, используй бесплатный хостинг, как вариант.

Да, спасибо, это было то, что нужно. Учту

Sign In

Padding уходит за границы экрана

Question

Inf1n1tI

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Vlad02

Link to comment

Share on other sites

Vlad02

Link to comment

Share on other sites

Inf1n1tI

Link to comment

Share on other sites

Inf1n1tI

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information