Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / В IE появляються отступы между слоями.. / 22 сообщений из 22, страница 1 из 1
17.06.2007, 09:42
    #34600117
WEB_bobby
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
В IE появляються отступы между слоями..
Добрый день - такая вот проблема! В 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, 23:04
    #34600587
WEB_bobby
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
В IE появляються отступы между слоями..
up
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.06.2007, 09:52
    #34600907
for93t
for93t
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
В IE появляються отступы между слоями..
Я щас уже не вспомню, но по-моему ослик после дива вставляет что-то наподобие \n.
Нужно взглянуть на ДОМ-модель страницы при помощи, например, MS Dev Toolbar.
Сам не могу, потому как под линухом, а перегружать низя...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.06.2007, 10:04
    #34600942
smik
smik
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
В IE появляються отступы между слоями..
WEB_bobbyДобрый день - такая вот проблема! В Opera и в FF все слои ровнененько прилеплены друг к другу, а в треклятом IE между ними отступы! Подскажите в чем тут дело плисс!



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

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

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

Cпасибо!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.06.2007, 15:03
    #34602126
WEB_bobby
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
В IE появляються отступы между слоями..
Я честно пробывал понять информацию по этим ссылкам.. Но к сожалению мои знания англицкого еще не настолько глубоки, чтобы понимать такие статьи :>(. Онлайн переводчик такой бред напереводил, что кошмар.. Не могли бы вы сказать отрицательные маргины для моего случая?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.06.2007, 17:28
    #34602660
PhoenixNET
PhoenixNET
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
В IE появляються отступы между слоями..
WEB_bobbyЯ честно пробывал понять информацию по этим ссылкам.. Но к сожалению мои знания англицкого еще не настолько глубоки, чтобы понимать такие статьи :>(. Онлайн переводчик такой бред напереводил, что кошмар.. Не могли бы вы сказать отрицательные маргины для моего случая?
Грубо говоря тебе нужно сделать margin-right: -3px для твоего флоат блока и margin-left:-3px для твоего статического блока, который маргинится от плавающего.
Для того, чтобы текст не "обтекал" плавающий блок, для статического блока нужно задать height:1px; емнимс.
К тому же - там знание английского особо и не надо, там же явно приведены картинки и код к ним.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.06.2007, 15:40
    #34614092
WEB_bobby
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
В 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.
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:41
    #34614099
WEB_bobby
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
В IE появляються отступы между слоями..
Код: plaintext
1.
* html #top_left {margin-right:-3px;}
* html #top_right{margin-left:-3px;}

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

--
$50 + $100 бесплатно для игры на PartyPoker.com
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.06.2007, 16:07
    #34614222
WEB_bobby
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
В IE появляються отступы между слоями..
у меня почему то только вот для правого срабатывает но не более
Код: plaintext
 * html #top_right{margin-left:-3px}
...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.06.2007, 16:17
    #34614253
PhoenixNET
PhoenixNET
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
В IE появляються отступы между слоями..
У меня сработало для обоих. Ты принцип не до конца понял.
Для плавающего (который float:left; ) элемента используй margin-right:-3px , а для статического (который margin-left:200px; ) используй margin-left:197px .
--
$50 + $100 бесплатно для игры на PartyPoker.com
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.06.2007, 17:15
    #34614437
WEB_bobby
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
В IE появляються отступы между слоями..
Код: 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, 20:26
    #34614839
WEB_bobby
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
В IE появляються отступы между слоями..
ыыы.....
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.06.2007, 13:35
    #34615248
WEB_bobby
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
В IE появляються отступы между слоями..
И тогда уж должно полчиться не 197, а 194.
Ничего не понимаю! Ну зачем что то делать со средним статическим блоком если боковые имеют и так по -3px;??
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.06.2007, 13:36
    #34615252
WEB_bobby
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
В 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.
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, 15:21
    #34615340
WEB_bobby
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
В IE появляються отступы между слоями..
Извиняюсь! Со средним блоком и ненадо ниче конечно же делать если убрать стоящее там для него 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
| Ответить | Цитировать | Написать  
26.06.2007, 16:03
    #34620573
PhoenixNET
PhoenixNET
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
В IE появляються отступы между слоями..
WEB_bobbyИ тогда уж должно полчиться не 197, а 194.
Ничего не понимаю! Ну зачем что то делать со средним статическим блоком если боковые имеют и так по -3px;??
Пишу третий раз: Плавающий блок -3px, статический - тоже.
Зачем? Спроси в Мелкософте ;)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / В IE появляються отступы между слоями.. / 22 сообщений из 22, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 533ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1458058]:
 0ms
get settings:
 11ms
get forum list:
 13ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 157ms
get topic data:
 13ms
get forum data:
 3ms
get page messages:
 60ms
get tp. blocked users:
 2ms
others: 266ms
total:  533ms
x
x
Закрыть


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