CSS проблемы позиционирования div внутри div

Question

CSS проблемы позиционирования div внутри div

0

im создает нижний колонтитул для моего сайта, мне нужны социальные значки слева, средняя высота, затем нижние ссылки на некоторые страницы, затем адрес бизнеса, вроде как макет на этом нижнем колонтитуле сайтов, но я просто наклоняю голову как этот код будет объединен в div?

нижний колонтитул высотой 200px и 950 шириной (в центре), и этот div имеет нижний нижний фронт за 1920 шириной и 200 высотой, чтобы придать ему цвет фона на весь экран, а затем у меня есть нижнее нижнее белье, которое составляет 200 максимум 950 для всех вышеперечисленных чтобы войти, социальные иконки я хочу 300 пикселей в ширину на 70 пикселей в высоту? может ли кто-нибудь помочь мне с этим, надеюсь, я лучше пойму и смогу сделать это сам с этого момента?

CSS:

.footerbackground

{
background-color: #3c56a6;
height: 200px;
width: 1920px;
margin-right: auto;
margin-left: auto;
margin-top:10px 
}

.footercontent {
height: 200px;
width: 950px;
margin-right: auto;
margin-left: auto;  


}

 .bigsocialicons {
height: 70px;
width: 292px;
margin-top: 62.5px;


 }

HTML:

<div class="footerbackground">

<div class="footercontent">

<div class="bigsocialicons">

<img src="images/facebookbig.png"/>
<img src="images/twitterbig.png"/>
<img src="images/googlebig.png"/>
<img src="images/linkedinbig.png"/>

</div>


</div>

</div>




 </body>
 </html>

SN1Dan 15 апр. 2014, в 15:15

Источник

0

Не могли бы вы показать нам, что вы пытались?
Sam 15 апр. 2014, в 13:07
0

Пожалуйста, создайте JSFIDDLE, чтобы мы могли меньше думать и могли обеспечить быстрое решение.
Shoaib Chikate 15 апр. 2014, в 13:07
0

извините, ребята, у меня была неудачная попытка, но я удалил ее, когда разочаровался! Я покажу вам пример чего-то похожего на нижний колонтитул на этом сайте. Было бы неплохо использовать securesiteuk.co.uk , очевидно, с иконками, как описано выше.
SN1Dan 15 апр. 2014, в 13:20
0

добавлен в код, который у меня есть, но иконки социальных сетей прикреплены к вершине div, хотя я сделал их с запасом
SN1Dan 15 апр. 2014, в 13:22

Показать ещё 2 комментария

Теги:

html

css

2 ответа

Ещё вопросы

Не могли бы вы показать нам, что вы пытались?
Пожалуйста, создайте JSFIDDLE, чтобы мы могли меньше думать и могли обеспечить быстрое решение.
извините, ребята, у меня была неудачная попытка, но я удалил ее, когда разочаровался! Я покажу вам пример чего-то похожего на нижний колонтитул на этом сайте. Было бы неплохо использовать securesiteuk.co.uk , очевидно, с иконками, как описано выше.
добавлен в код, который у меня есть, но иконки социальных сетей прикреплены к вершине div, хотя я сделал их с запасом

Dazvolt · Answer 1 · 2014-04-15T12-32-00.000Z

Просто измените

.bigsocialicons {
height: 70px;
width: 292px;
margin-top: 62.5px;
}

в

.bigsocialicons {
height: 70px;
width: 292px;
padding-top:62.5px;
}

Если я правильно понимаю, это то, что вы хотите посмотреть. Не забудьте настроить padding-top, так как я не знаю, какую высоту изображений вы используете.

это сработало, но как мне добавить в столбцы для адреса и ссылки?
если ваш нижний колонтитул имеет фиксированную высоту (как я сейчас вижу), вы можете просто создать 3 блока div (например, bigsocialicons) и присвоить им «float: left» с желаемым заполнением. Смотрите пример здесь: jsfiddle.net/5dqk5 Но не забудьте тщательно отрегулировать ширину каждого блока div.
идеальный! Спасибо за вашу помощь
Кстати, вы можете принять ответ, который вам помог.

DOTNET Team · Answer 2 · 2014-04-15T11-05-00.000Z

Попробуйте так:

.footerbackground
{
    background-color: #3c56a6;
    height: 200px;
    width: 1920px;
    margin-right: auto;
    margin-left: auto;
    margin-top:10px 
}

.footerbackground .footercontent {
    height: 200px;
    width: 950px;
    margin-right: auto;
    margin-left: auto;
}

.footerbackground .bigsocialicons {
    height: 70px;
    width: 292px;
    margin-top: 62.5px;
}