Форум PHP программистов > Как убрать отступы между блоками

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Как убрать отступы между блоками

gguest

14.04.2011 - 23:21

Здравствуйте.
Вроде кроссбраузерно получилось, но вот во "всех" браузерах (Mozilla, Opera, Chrome) появляется отступ между блочками. А в IE его нет (так, в общем-то, и должно быть в остальных браузерах, в стилях он не задан). Как сделать, чтобы везде было одинаковое отображение.
Вот код:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">

html {
    background-color: green;
}

.fs_content {

    height: 151px;
    margin: 10px 0 20px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%; 
    background-color:  purple;   
}

.fs_content div{
    display: inline;

    padding-bottom: 20px;
    width: 90px;

}
.fs_content div span {
    display: inline-block;
    height: 151px;
    margin-bottom: 100px;
    overflow: hidden;
    width: 90px;
    background-color: red;
}


</style>
</head>
<body>
 
    
            <div class="fs_content">
                <div><span>dd</span></div>
    
                <div><span>dd</span></div>
                <div><span>dd</span></div>
                <div><span>dd</span></div>
                <div><span>dd</span></div>
                <div><span>dd</span></div>
                <div><span>dd</span></div>
                <div><span>dd</span></div>
            </div>
    
    
    
    
</body>
</html>

Спустя 17 минут, 40 секунд (14.04.2011 - 22:39) inpost написал(а):

padding-bottom: 20px; margin-bottom: 100px; - чем тебе не отступ между блоками?

Спустя 7 минут, 47 секунд (14.04.2011 - 22:46) gguest написал(а):

Нет, не то. Речь о горизонтальных отступах.
Код лучше посмотреть в браузере. Сразу станет ясно о чем речь.

Спустя 1 минута, 31 секунда (14.04.2011 - 22:48) inpost написал(а):

display: inline-block; замени на inline.

Спустя 7 минут, 5 секунд (14.04.2011 - 22:55) gguest написал(а):

Тоже не то.
Сразу все "рушится".

Спустя 2 минуты, 41 секунда (14.04.2011 - 22:58) SerginhoLD написал(а):

.fs_content div{ float:left;} убери display

Спустя 9 минут, 25 секунд (14.04.2011 - 23:07) gguest написал(а):

Float ставил, начинает отображаться "ровно" везде, но выравнивание по центру перестает работать. Убрать display также не помогло.

Спустя 6 минут, 2 секунды (14.04.2011 - 23:13) SerginhoLD написал(а):

тогда все дивы загони еще в контейнер и сделай ему:

{
margin:0px auto;
overflow: hidden; /* может не надо */
}

ну или тег <center>

Спустя 12 часов, 14 минут, 33 секунды (15.04.2011 - 11:28) inpost написал(а):

gguest
<div float width><div align="center">Это так делается</div></div>

Спустя 7 минут, 8 секунд (15.04.2011 - 11:35) phz написал(а):

А если в начале стилей всё занулить

* {margin:0;
padding:0;}

Спустя 1 день, 21 час, 37 минут, 27 секунд (17.04.2011 - 09:12) user321 написал(а):

Здравствуйте.
Есть div фиксированной ширины. Высота не фиксированная. В вiv вставляю изображение, расчитывая на то, что высота div'а будет равна высоте изображения, но под изображением появляется отступ в 2 пикселя. Почему, откуда, как его убрать?

Быстрый ответ:

Здесь расположена полная версия этой страницы.