Изучение места размещения CSS, позиционирование

-1

Я изучаю CSS, я пытаюсь поместить div с красным фоном чуть ниже тела, я не могу показаться, что он подходит для тела, когда я настраиваю ширину, t выравнивается с телом, когда я пытался разместить его в центре и 100% ширины, он занимает 100% ширины страницы, которую он не выравнивает с областью белого фона, когда я делаю 80%, он выравнивает левый и не делает выравниваться с областью белого фона. Пожалуйста, направьте меня в правильном направлении. Я застрял :(Изучение места размещения CSS, позиционирование

код я до сих пор здесь: http://pastebin.com/VPMgbzQ2

Заранее спасибо

источник

2013-08-20 Daryl

Для дальнейшего использования я предлагаю разместить ссылку на скрипку. Я спас тебя. http://jsfiddle.net/mmAaQ/ – Jako

Мне очень тяжело пытаться понять, что вы пытаетесь сделать. Похоже, вам нужно переделать многое из того, что у вас есть. Просьба уточнить. – ndugger

Я пытаюсь поместить все права запас * красный фон в нижней части страницы выровнять по ширине тела, извините, но резерв все права по-прежнему находится в том же положении: S – Daryl

Сделайте свой нижний колонтитул div на вкладках div и не нужно position: absolute. Внесите следующие изменения:

#footer 
{ 
     margin-top:80%; 
     height: 20px; 
     width:50%; 
     text-align:center; 
     background:#C00; 
}

Здесь fiddle.

Также кажется, что вы пытаетесь сделать отзывчивый дизайн, но позвольте мне сказать вам, что способ, которым вы продолжаете, не подходит для него. Вы можете прочитать Responsive Design By Ethan Marcotte для изучения этого.

EDIT

Внести следующие изменения:

Дают height: 400px; или в соответствии с требованиями к таблице div.
Сделайте свой нижний колонтитул div со стола div.
Либо удалить margin-top или изменить его на 5% или 10%, если требуется, в нижнем колонтитуле div.
Добавить min-height: 100%; - .tabs.

Просмотрите fiddle.

источник

2013-08-20 02:50:00

Я потерян, я сожалею :(Я пытался мыслить по высоте и по краю, я не могу найти способ удалить пространство между телом и всеми правами, есть ли способ его удалить Снимок экрана с места для удаления, указанный синей стрелкой: http://s14.postimg.org/5v35t6mj5/zzzzzzzzzzzzzz.png вот код: http://jsfiddle.net/blackknights/y9uRx/ Надеюсь, вы можете указать я в правильном направлении:/ – Daryl

Ответ отредактирован. Проверьте это. –

Отредактировано снова. Проверьте Fiddle. –

Попробуйте жестко прописывать значение высоты

#spaceheader { 
    width: 100%; 
    height: 100px; 
    background: #000000; 
}

источник

2013-08-20 02:19:38 Haben

Я вижу свой вопрос сейчас.. Родительский элемент <div class="tab"> - это то, что вызывает проблемы. Если бы я был вами, я бы выбрал радиокнопки из вкладки, чтобы у него не было поплавка: остался на нем, и это, вероятно, исправит. Затем вам нужно удалить абсолютное позиционирование на нижнем колонтитуле

Кроме того, было похоже, что вы поместили нижний колонтитул внутри вкладки, когда на самом деле он должен быть вне всех вкладок, под ними в коде.

источник

2013-08-20 02:30:12 ndugger

Изучение места размещения CSS, позиционирование

ответ

Смежные вопросы