ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / В IE появляються отступы между слоями..
22 сообщений из 22, страница 1 из 1
В IE появляються отступы между слоями..
    #34600117
WEB_bobby
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
WEB_bobby
Участник
Добрый день - такая вот проблема! В Opera и в FF все слои ровнененько прилеплены друг к другу, а в треклятом IE между ними отступы! Подскажите в чем тут дело плисс!
Код: plaintext
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.
74.
75.
76.
77.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled</title>
<style type ="text/CSS">
* {
    margin:  0 ;
    padding:  0 ;
    border: 0 ;
}

body{
    height:600px;
    min-width:1024px
}

#first{
    margin:  0  150px  0   150px ;
    height:200px
    
}
#top_left{
    height:200px;
    width:200px;
    background-color:#6ac247;
    float:left
}

#top_middle{
    background-color:#edc230;
    height:200px;
}

#top_right{
    height:200px;
    width:200px;
    background-color:#6ac247;
    float:right
}


#second{
    margin:   0  100px   0   100px ;
    height:400px;
}
#bottom_left{
    height:400px;
    width:50px;
    background-color:#4b7151;
    float:left
}
#bottom_right{
    height:400px;
width:450px;
    background-color:#6a67cc;
    float:right
}
#bottom_middle{
    background-color:#ff989e;
    height:400px
}
</style>

</head>

<body>
<div id="first">
    <div id="top_right"> 1 </div>
    <div id="top_left"> 2 </div>
    <div id="top_middle"> 3 </div>
</div>
<div id="second">
    <div id="bottom_right">  1  </div>
	<div id="bottom_left">  2  </div>
	<div id="bottom_middle"> 3  </div>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
17.06.2007, 09:42
| Ответить | Цитировать | Написать  
В IE появляються отступы между слоями..
    #34600587
WEB_bobby
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
WEB_bobby
Участник
up
...
Рейтинг: 0 / 0
17.06.2007, 23:04
| Ответить | Цитировать | Написать  
В IE появляються отступы между слоями..
    #34600907
for93t
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
for93t
Участник
Я щас уже не вспомню, но по-моему ослик после дива вставляет что-то наподобие \n.
Нужно взглянуть на ДОМ-модель страницы при помощи, например, MS Dev Toolbar.
Сам не могу, потому как под линухом, а перегружать низя...
...
Рейтинг: 0 / 0
18.06.2007, 09:52
| Ответить | Цитировать | Написать  
В IE появляються отступы между слоями..
    #34600942
smik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
smik
Гость
WEB_bobbyДобрый день - такая вот проблема! В Opera и в FF все слои ровнененько прилеплены друг к другу, а в треклятом IE между ними отступы! Подскажите в чем тут дело плисс!



А паддинги если нулевые поставить эффект есть?
...
Рейтинг: 0 / 0
18.06.2007, 10:04
| Ответить | Цитировать | Написать  
В IE появляються отступы между слоями..
    #34601001
WEB_bobby
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
WEB_bobby
Участник
Они у меня уже стоят
...
Рейтинг: 0 / 0
18.06.2007, 10:21
| Ответить | Цитировать | Написать  
В IE появляються отступы между слоями..
    #34601133
sniper911
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sniper911
Участник
попробуй
body {margin 0 0 0 0px}
...
Рейтинг: 0 / 0
18.06.2007, 10:58
| Ответить | Цитировать | Написать  
В IE появляються отступы между слоями..
    #34601234
PhoenixNET
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
PhoenixNET
Гость
тынц и тынц

--
$50 + $100 бесплатно для игры на PartyPoker.com
...
Рейтинг: 0 / 0
18.06.2007, 11:30
| Ответить | Цитировать | Написать  
В IE появляються отступы между слоями..
    #34601335
WEB_bobby
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
WEB_bobby
Участник
sniper911попробуй
body {margin 0 0 0 0px} - у меня ж уже стоят )))
...
Рейтинг: 0 / 0
18.06.2007, 11:59
| Ответить | Цитировать | Написать  
В IE появляються отступы между слоями..
    #34601338
WEB_bobby
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
WEB_bobby
Участник
PhoenixNET тынц и тынц

--
$50 + $100 бесплатно для игры на PartyPoker.com

Cпасибо!
...
Рейтинг: 0 / 0
18.06.2007, 11:59
| Ответить | Цитировать | Написать  
В IE появляються отступы между слоями..
    #34602126
WEB_bobby
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
WEB_bobby
Участник
Я честно пробывал понять информацию по этим ссылкам.. Но к сожалению мои знания англицкого еще не настолько глубоки, чтобы понимать такие статьи :>(. Онлайн переводчик такой бред напереводил, что кошмар.. Не могли бы вы сказать отрицательные маргины для моего случая?
...
Рейтинг: 0 / 0
18.06.2007, 15:03
| Ответить | Цитировать | Написать  
В IE появляються отступы между слоями..
    #34602660
PhoenixNET
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
PhoenixNET
Гость
WEB_bobbyЯ честно пробывал понять информацию по этим ссылкам.. Но к сожалению мои знания англицкого еще не настолько глубоки, чтобы понимать такие статьи :>(. Онлайн переводчик такой бред напереводил, что кошмар.. Не могли бы вы сказать отрицательные маргины для моего случая?
Грубо говоря тебе нужно сделать margin-right: -3px для твоего флоат блока и margin-left:-3px для твоего статического блока, который маргинится от плавающего.
Для того, чтобы текст не "обтекал" плавающий блок, для статического блока нужно задать height:1px; емнимс.
К тому же - там знание английского особо и не надо, там же явно приведены картинки и код к ним.
...
Рейтинг: 0 / 0
18.06.2007, 17:28
| Ответить | Цитировать | Написать  
В IE появляються отступы между слоями..
    #34614092
WEB_bobby
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
WEB_bobby
Участник
Не могу с этим трех пихельным багом вот здесь справиться! Как только уже не пробывал!
Помогите добрые люди! )

Код: plaintext
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.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled</title>
<style type ="text/CSS">
* {
   margin:  0 ;
   padding:  0 ;
   border: 0 ;
}

body
{
   height:600px;
   min-width:1024px
}

#first
{
   margin:  0  150px  0   150px;
   height:200px
}

#top_left
{
height:200px;
width:200px;
background-color:#6ac247;
   float:left
}

* html #top_left {margin-right:-3px;}

#top_middle{
   margin: 0  200px;
   background-color:#edc230;
   height:200px;
}

#top_middle{
   margin: 0  200px;
   background-color:#edc230;
   height:200px;
}

#top_right{
   height:200px;
   width:200px;
   background-color:#6ac247;
   float:right;
}

* html #top_right{margin-left:-3px;}
   



#second{
   margin:   0  100px   0   100px;
   height:400px;
}
#bottom_left{
   height:400px;
   width:50px;
   background-color:#4b7151;
   float:left
}
#bottom_right{
   height:300px;
   width:350px;
   padding:50px;
   background-color:#6a67cc;
   float:right
}
#bottom_middle{
   background-color:#ff989e;
   height:400px
}
</style>

</head>

<body>
<div id="first">
   <div id="top_right"> 3 </div>
   <div id="top_left"> 1 </div>
   <div id="top_middle"> 2 </div>
</div>
<div id="second">
   <div id="bottom_right"> 3 </div>
   <div id="bottom_left"> 1 </div>
   <div id="bottom_middle"> 2 </div>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
22.06.2007, 15:40
| Ответить | Цитировать | Написать  
В IE появляються отступы между слоями..
    #34614099
WEB_bobby
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
WEB_bobby
Участник
Код: plaintext
1.
* html #top_left {margin-right:-3px;}
* html #top_right{margin-left:-3px;}

Это мои попытки.
...
Рейтинг: 0 / 0
22.06.2007, 15:41
| Ответить | Цитировать | Написать  
В IE появляються отступы между слоями..
    #34614142
PhoenixNET
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
PhoenixNET
Гость
Не вниматочно прочитал моё описание.
Попробуй:
Код: plaintext
1.
2.
3.
* html #top_middle {
	margin: 0  -3px;
}

--
$50 + $100 бесплатно для игры на PartyPoker.com
...
Рейтинг: 0 / 0
22.06.2007, 15:51
| Ответить | Цитировать | Написать  
В IE появляються отступы между слоями..
    #34614222
WEB_bobby
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
WEB_bobby
Участник
у меня почему то только вот для правого срабатывает но не более
Код: plaintext
 * html #top_right{margin-left:-3px}
...
...
Рейтинг: 0 / 0
22.06.2007, 16:07
| Ответить | Цитировать | Написать  
В IE появляються отступы между слоями..
    #34614253
PhoenixNET
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
PhoenixNET
Гость
У меня сработало для обоих. Ты принцип не до конца понял.
Для плавающего (который float:left; ) элемента используй margin-right:-3px , а для статического (который margin-left:200px; ) используй margin-left:197px .
--
$50 + $100 бесплатно для игры на PartyPoker.com
...
Рейтинг: 0 / 0
22.06.2007, 16:17
| Ответить | Цитировать | Написать  
В IE появляються отступы между слоями..
    #34614437
WEB_bobby
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
WEB_bobby
Участник
Код: plaintext
1.
2.
* html #top_left{margin-right:-3px}
* html #top_right{margin-left:-3px}
* html #top_middle{margin-left:197px;}

Сделал вот так работает, но чего не могу понять так это если для левого блока уже стоит
Код: plaintext
margin-right:-3px
то зачем среднему сокращать отступ на три единицы?
Код: plaintext
margin-left:197px;
?

Обьясните пожалуйста.
...
Рейтинг: 0 / 0
22.06.2007, 17:15
| Ответить | Цитировать | Написать  
В IE появляються отступы между слоями..
    #34614839
WEB_bobby
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
WEB_bobby
Участник
ыыы.....
...
Рейтинг: 0 / 0
22.06.2007, 20:26
| Ответить | Цитировать | Написать  
В IE появляються отступы между слоями..
    #34615248
WEB_bobby
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
WEB_bobby
Участник
И тогда уж должно полчиться не 197, а 194.
Ничего не понимаю! Ну зачем что то делать со средним статическим блоком если боковые имеют и так по -3px;??
...
Рейтинг: 0 / 0
23.06.2007, 13:35
| Ответить | Цитировать | Написать  
В IE появляються отступы между слоями..
    #34615252
WEB_bobby
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
WEB_bobby
Участник
Код: plaintext
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.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled</title>
<style type ="text/CSS">
* {
    margin:  0 ;
    padding:  0 ;
    border: 0 
}

body
{
    height:600px;
    min-width:1024px
}

#first
{
    margin:  0  150px  0   150px;
    height:200px
}

#top_left
{
	height:200px;
	width:200px;
	background-color:#6ac247;
    float:left
}




#top_middle{
    margin-left:200px;
    background-color:#edc230;
    height:200px
}



#top_right{
    height:200px;
    width:200px;
    background-color:#6ac247;
    float:right
}

* html #top_left{margin-right:-3px}
* html #top_right{margin-left:-3px}
* html #top_middle{margin-left:197px;}

#second{
    margin:   0  100px   0   100px;
    height:400px
}
#bottom_left{
    height:400px;
    width:50px;
    background-color:#4b7151;
    float:left
}
#bottom_right{
    height:300px;
    width:350px;
    padding:50px;
    background-color:#6a67cc;
    float:right
}
#bottom_middle{
    background-color:#ff989e;
    height:400px
}
</style>

</head>

<body>
<div id="first">
    <div id="top_right"> 3 </div>
    <div id="top_left"> 1 </div>
    <div id="top_middle"> 2 </div>
</div>
<div id="second">
    <div id="bottom_right"> 3 </div>
    <div id="bottom_left"> 1 </div>
    <div id="bottom_middle"> 2 </div>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
23.06.2007, 13:36
| Ответить | Цитировать | Написать  
В IE появляються отступы между слоями..
    #34615340
WEB_bobby
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
WEB_bobby
Участник
Извиняюсь! Со средним блоком и ненадо ниче конечно же делать если убрать стоящее там для него margin-left:200; - которое туда случайно зачесалось ))).

Спасибо!
В от так вот правильно (если кому будет нуно):

Код: plaintext
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.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled</title>
<style type ="text/CSS">
* {
    margin:  0 ;
    padding:  0 ;
    border: 0 
}

body
{
    height:600px;
    min-width:1024px
}

#first
{
    margin:  0  150px  0   150px;
    height:200px
}

#top_left
{
	height:200px;
	width:200px;
	background-color:#6ac247;
    float:left
}

#top_middle{
    background-color:#edc230;
    height:200px
}



#top_right{
    height:200px;
    width:200px;
    background-color:#6ac247;
    float:right
}

* html #top_left{margin-right:-3px}
* html #top_right{margin-left:-3px}

#second{
    margin:   0  100px   0   100px;
    height:400px
}
#bottom_left{
    height:400px;
    width:50px;
    background-color:#4b7151;
    float:left
}
#bottom_right{
    height:300px;
    width:350px;
    padding:50px;
    background-color:#6a67cc;
    float:right
}
#bottom_middle{
    background-color:#ff989e;
    height:400px
}

* html #bottom_left{margin-right:-3px}
* html #bottom_right{margin-left:-3px}


</style>

</head>

<body>
<div id="first">
    <div id="top_right"> 3 </div>
    <div id="top_left"> 1 </div>
    <div id="top_middle"> 2 </div>
</div>
<div id="second">
    <div id="bottom_right"> 3 </div>
    <div id="bottom_left"> 1 </div>
    <div id="bottom_middle"> 2 </div>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
23.06.2007, 15:21
| Ответить | Цитировать | Написать  
В IE появляються отступы между слоями..
    #34620573
PhoenixNET
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
PhoenixNET
Гость
WEB_bobbyИ тогда уж должно полчиться не 197, а 194.
Ничего не понимаю! Ну зачем что то делать со средним статическим блоком если боковые имеют и так по -3px;??
Пишу третий раз: Плавающий блок -3px, статический - тоже.
Зачем? Спроси в Мелкософте ;)
...
Рейтинг: 0 / 0
26.06.2007, 16:03
| Ответить | Цитировать | Написать  
22 сообщений из 22, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / В IE появляються отступы между слоями..
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=34600942&tid=1458058]:
 0ms
get settings:
 10ms
get forum list:
 13ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 48ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 66ms
get tp. blocked users:
 1ms
others: 258ms
total:  416ms
созд. / загр.: 416ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]