Проблемы со страницей (CSS & HTML)

Question

Проблемы со страницей (CSS & HTML)

0

Мне удалось сделать мой рабочий стол внизу, но он перекрывает мой контент. Высота 100% на теле, похоже, не поможет, и я просмотрел интернет для решения, но никто не работал.

Мой нижний колонтитул страницы либо просто находится внизу, либо придерживается нижней части, и перекрывает мой контент, когда я изменяю размер страницы. Я попытался дать моему телу высоту 100%, мою обертку - нижнюю прокладку и минимальную высоту 100% - все, что действительно в сети. Я просто не могу найти решение проблемы.

Был бы почтовый код, но он так длинный... Вот мой html упрощен: (примечание: width class is: width: 100% в CSS, так как я не хотел повторять себя, поскольку я использую его на большом фоне элементы).

<html>

<body>

<div id="blackBarTop" class= "width">

  <div class="wrapper">

    <div class="floatRight">

      <div id="phoneNumber"> <b> PHONE:</b> </div>

      <div id="socialIcons"></div>

    </div>

  </div>

</div>
<div class="wrapper">

  <div id="masthead">

    <div id="logo"></div>

    <div id="search"></div>

    <div id="mainNav"></div>

    <div id "heroImage"></div>

    <div id="content">

      <div id="welcome" class="wrapper">

        <h1>text</h1>
        <p>text</p>


      </div>

    </div>

  </div>

</div>

<div id="pageFooter" class="width"></div>

</body>

</html>

user3053684 01 дек. 2013, в 06:10

Источник

1

Опубликуйте свой CSS также до того, как вы получите -1. На этот вопрос нельзя ответить, если вы не разместите CSS.
Zword 01 дек. 2013, в 04:52
0

Вы можете сделать jsfiddle, зайдя сюда jsfiddle.net. который помогает легко ответить.
Joy_S 01 дек. 2013, в 04:54

Теги:

html

css

css3

2 ответа

Ещё вопросы

Опубликуйте свой CSS также до того, как вы получите -1. На этот вопрос нельзя ответить, если вы не разместите CSS.
Вы можете сделать jsfiddle, зайдя сюда jsfiddle.net. который помогает легко ответить.

ABHIJIT SURYAWANSHI · Answer 1 · 2013-12-01T03-02-00.000Z

Вы должны добавить следующее к своему нижнему колонтитулу CSS:

clear:both;

Надеюсь, вы используете float в других элементах <div>. Когда вы используете clear:both, он будет настраиваться на дно самого большого элемента, который лежит над ним.

Deryck · Answer 2 · 2013-12-01T03-14-00.000Z

Независимо от высоты вашего нижнего колонтитула, возьмите это число и поместите его здесь:

body {
    padding-bottom: FOOTERHEIGHT;
}

Или используйте маржу. Без вашего CSS я не могу точно сказать, так или иначе.

маргинальная вершина на теле, казалось, работала, спасибо.