Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/8: Рейтинг темы: голосов - 8, средняя оценка - 5.00
Cyberdyne
1 / 1 / 2
Регистрация: 16.06.2009
Сообщений: 24
1

Браузер неправильно отображает правую границу в блоке

09.03.2011, 13:30. Просмотров 1519. Ответов 2
Метки нет (Все метки)

Не правильно отображается правая граница в блоке в браузерах IE и Opera, а в Chrome и Mozilla все нормально.... Подскажите, что надо сделать?
Граница обрезается...
0
Изображения
  
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
09.03.2011, 13:30
Ответы с готовыми решениями:

Как дорисовать правую границу кнопки?
/* Сама кнопка */ .art-button-wrapper { vertical-align: middle; ...

Неправильно отображает страницу в IE!
Не могу понять в чем причина, в IE неправильно отображает страницу! ...

Неправильно отображаются маркеры списка в блоке
неправильно отображаются маркеры списка в блоке... Нужно что бы маркеры были...

Firefox неправильно отображает стиль HR
.hr { border: solid 1px; height: 0; box-shadow: 0 0 15px 2px black; ...

Браузер не отображает полностью страницу
Здравствуйте. На одном сайте есть уроки и ссылки на них... но Opera, Mozilla...

2
Vovan-VE
13160 / 6545 / 1038
Регистрация: 10.01.2008
Сообщений: 15,070
09.03.2011, 16:14 2
Цитата Сообщение от Cyberdyne Посмотреть сообщение
Подскажите, что надо сделать?
Для начала покажите код.
0
Cyberdyne
1 / 1 / 2
Регистрация: 16.06.2009
Сообщений: 24
10.03.2011, 13:56  [ТС] 3
Лучший ответ Сообщение было отмечено Cyberdyne как решение

Решение

Главный блок сайт, внутри контент, и в контенте еще 3 блока горизонтально идут рядом, и 4й снизу.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div id="content">
        <div id="block1">
        </div> 
 
        <div id="block2">
        </div>
 
        <div id="block3">
        </div> 
 
        <div id="block4">
        </div> 
 
    </div> <!-- content -->

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
#site { 
    width: 960px;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
 
    border-radius:6px 6px 6px 6px; 
    -webkit-border-radius:6px 6px 6px 6px; 
    -moz-border-radius:5px 5px 5px 5px; 
    -khtml-border-radius:10px 10px 10px 10px;
    -webkit-box-shadow: 0px 0px 20px #999;
    -moz-box-shadow: 0px 0px 20px #999;
}
 
 
#content {
    border: 1px solid #999;
    border-radius:6px 6px 6px 6px; 
    -webkit-border-radius:6px 6px 6px 6px; 
    -moz-border-radius:5px 5px 5px 5px; 
    -khtml-border-radius:10px 10px 10px 10px;
        margin: 0 px; 
    padding: 0 px;
 
        width:949px;
    margin-top:10px;
    margin-bottom: 93px;
    height: auto;
    overflow:hidden;
    padding-left:10px;
    padding-top:10px;
}
 
#block1, block2, #block3, #block4 {
    width: 304px;
    height: 462px;
    float:left;
    background-color:#E8E8E8;
 
    border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-border-radius:5px; 
    -khtml-border-radius:10px;
    border:1px solid #C5C5C5;
  
    -webkit-box-shadow: 2px 2px 3px #999;
    -moz-box-shadow: 2px 2px 3px 
 
}
 
#block1 {
    display: inline-block;
 
}
 
#block2 {
    display: inline-block;
    margin-left:10px;
}
 
 
#block3 {
    display: inline-block;
    margin-left:10px;
}
 
#block4 {
    margin-top:10px;
    margin-bottom:10px;
}
Добавлено через 11 часов 40 минут
задал блоку site position:absolute; и теперь граница правильно отображается только в Chrome и IE. И как выровнять абсолютный блок по центру?

Добавлено через 18 минут
выровнял
CSS
1
2
    left:50%;
    margin-left:-480px;
, но с границей косяк остался
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
10.03.2011, 13:56

Почему браузер ничего не отображает?
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Котомикс&lt;/title&gt; &lt;meta...

Браузер не отображает часть CSS кода
В leftCol нет стиля. Буквы он отображает а вот стиль нет. #wrapper #leftCol {...

Сайт в вертикальном левом меню неправильно отображает шрифт
Помогите найти ошибку. Есть сайт в вертикальном левом меню неправильно...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru