| |
|
|
| | Подскажите, как выровнять блок #block. В эксплорере все нормалек, а вот все остальные не хотят. Текст в #block-е выровнялся, а сам блок стоит слева и все.
<html>
<head>
<title>Untitled</title>
<style>
#container {
border: 1px solid black;
height : 100%;
text-align : center;
}
#block {
border: 1px solid black;
width : 800px;
}
</style>
</head>
<body>
<div id="container">
<div id="block">
sssss
</div>
</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: magic
(22.09.2009 в 15:01)
| | | Добавьте в #block
margin: 0px auto 0px auto;
|
следующим образом
<html>
<head>
<title>Untitled</title>
<style>
#container {
border: 1px solid black;
height : 100%;
text-align : center;
}
#block {
border: 1px solid black;
margin: 0px auto 0px auto;
width : 800px;
}
</style>
</head>
<body>
<div id="container">
<div id="block">
sssss
</div>
</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: magic
(22.09.2009 в 15:01)
| | | к дивам text-align : center; не подходит
надо так
#container {
border: 1px solid black;
height : 100%;
}
#block {
border: 1px solid black;
width : 800px;
margin:auto;
}
|
| |
| |
|
|
| |
|
|
| |
для: neokortex
(22.09.2009 в 15:05)
| | | Все работает, спасибо. Еще сразу забыл спросить, почему появляется прокрутка, тут ведь стоит 100%, в табличном варианте все всегда работает нормально. | |
| |
|
|
| |
|
|
| |
для: magic
(22.09.2009 в 17:15)
| | | height :100% для div'ов работает не при всех Doctype | |
| |
|
|
| |
|
|
| |
для: neokortex
(22.09.2009 в 20:00)
| | | А для каких? | |
| |
|
|
| |
|
|
| |
для: neokortex
(22.09.2009 в 20:00)
| | | И все таки как работать с height в div'ах, вообще не реагирует на размер. | |
| |
|
|
| |
|
|
| |
для: magic
(26.09.2009 в 00:37)
| | | height в процентах указывает высоту в процентах от высоты родительского элемента.
Если для div'a родителем является тег <body>, то надо помнить следующее: по умолчанию в Эсплорере тег <body> имеет высоту, равную высоте окна браузера.
В других же браузерах высота тега <body> определяется высотой содержимого этого тега.
Или устанавливается принудительно:
html, body {height: 100%}
|
| |
| |
|
|
| |
|
|
| |
для: АЯ
(26.09.2009 в 00:54)
| | | За это спасибо, ну а как быть если мне надо ячейка 100рх на 100рх, ширина срабатывает, а вот высота нет. | |
| |
|
|
| |
|
|
| |
для: magic
(26.09.2009 в 00:59)
| | | - | |
| |
|
|
| |
|
|
| |
для: magic
(26.09.2009 в 00:59)
| | | Интересно, в каком из браузеров это у вас "не срабатывает"?
<div style="width: 100px; height: 100px; background-color: red"></div>
|
Высота div'a, указанная в абсолютных размерах, может "не слушаться" в двух случаях:
1. Содержимое div'a по высоте больше, чем указано в стилях.
2. Забывая отменить вертикальный скролл у div'a, пытаетесь установить слишком маленькую его высоту. Здесь надо прописывать style="overflow: hidden". | |
| |
|
|
| |
|
|
| |
для: АЯ
(26.09.2009 в 01:28)
| | | Не знаю, отдельно работает, а вот в куче не хочет. Здесь еще почему то если убрать адрес с доктейпа то в IE плохо отображается. Проблема с .border
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>radius</title>
<style type="text/css">
.border {width: 500px; height: 500px;}
.ba,.bb,.bc,.bd,.be,.bg {font-size: 1px; display: block; height: 1px;}
.ba,.bb,.bc,.bd,.be,.bf,.bg {border: solid #7af;}
.bc,.bd,.be,.bf {border-width: 0 1px;}
.ba {margin: 0 6px; border-width: 0px 0px 1px;}
.bb {margin: 0 4px; border-width: 0 2px;}
.bc {margin: 0 3px;}
.bd {margin: 0 2px;}
.be {margin: 0 1px; height: 2px;}
.bg {margin: 0 6px; border-width: 1px 0 0;}
</style>
</head>
<body>
<div class="border">
<b class="ba"></b>
<b class="bb"></b>
<b class="bc"></b>
<b class="bd"></b>
<b class="be"></b>
<div class="bf">Бла бла бла</div>
<b class="be"></b>
<b class="bd"></b>
<b class="bc"></b>
<b class="bb"></b>
<b class="bg"></b>
</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: magic
(26.09.2009 в 01:57)
| | |
.border {width: 500px; height: 500px; background: red}
|
Добавил фон блоку.
Посмотрел во всех имеющихся браузерах - FF3.5, Opera10, IE6.
Везде красный квадрат размерами 500 на 500. | |
| |
|
|
| |
|
|
| |
для: magic
(26.09.2009 в 01:57)
| | | А почему выше приведенном коде для class="bf" срабатывает только ширина, а высота нет от .border {width: 500px; height: 500px;}. Я так понимаю если .bf "не видит" .border, то он не должен и на ширину реагировать. | |
| |
|
|
| |
|
|
| |
для: magic
(29.09.2009 в 12:38)
| | | Тег <div> по-умолчанию занимает всю ширину родительского элемента.
Высота же контейнера <div> по-умолчанию определяется высотой содержимого этого тега. | |
| |
|
|
