div не во всю ширину, хотя в стилях width:100%

(@bosyak5)

Здравствуйте, подскажите пожалуйста, пытаюсь в самом верху сайта сделать розовую полоску на всю ширину (див блок «up»), но получаются отступы. Если вынести класс «up» из «header», то вообще background пропадает. Как без отступов сделать? Сайт http://vh166963.eurodir.ru
html:

<body> 
        <div class="header">
<div class="up"> <div class="adres">СПб Рижский пр. 8 ул. Лётчика Пилютова 50 к.3</div><div class="tel"> 8 (981)129 37 85</div> </div>
		  <div class="header-present">
		    <div class="logo">
			  <a href="<?php echo home_url();?>"
      			     alt="<?php bloginfo('name') ?>"
                             title=<?php bloginfo('name') ?> >
		            <img src="<?php bloginfo('template_url') ?>/images/logo.png">
			  </a>
		    </div>			
                    <div class="site-title">
		      <h1><?php bloginfo('name') ?></h1>
		      <p><?php bloginfo('description') ?></p>
		    </div>
		  </div>
<?php get_search_form(); ?>
			<?php wp_nav_menu(); ?>
        </div>

css:

.header {
	width: 100%;
	height: 250px;
	text-align: center;
	
}
.up {
	width: 100%;
	height: 14%;
	background: #ffd1dc;
}

Просмотр 2 ответов — с 1 по 2 (всего 2)

Flector
(@flector)

7 лет, 3 месяца назад
для body в стилях пропишите:
```
body {
    margin: 0;
}
```
Автор AndrewFoster
(@bosyak5)

7 лет, 3 месяца назад

Спасибо, помогло) а почему, если вынести блок из header вот так: `<body>
<div class=»up»> <div class=»adres»>СПб Рижский пр. 8 ул. Лётчика Пилютова 50 к.3</div><div class=»tel»> 8 (981)129 37 85</div> </div>
<div class=»header»>
<div class=»header-present»>`
то цвет background класса «up» не отображается? Т.е. блок вообще бесцветный.

Просмотр 2 ответов — с 1 по 2 (всего 2)

Тема «div не во всю ширину, хотя в стилях width:100%» закрыта для новых ответов.

Метки темы

Просмотр