ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / верстка дивами+разные броузеры
10 сообщений из 10, страница 1 из 1
верстка дивами+разные броузеры
    #35513339
Фотография жучек мохнатка
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
жучек мохнатка
Участник
не подскажете навскидку почему див верстка нормально показывается в ие, но разлазится в фф и дивы закрыват друг друга? сам верстаю таблицами, вот надо подправить. понимаю что телепатов нет , но может есть идеи?
...
Рейтинг: 0 / 0
29.08.2008, 15:09
| Ответить | Цитировать | Написать  
верстка дивами+разные броузеры
    #35513355
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
жучек мохнаткапочему див верстка нормально показывается в ие, но разлазится в фф
Разные видать "представления" у них по поводу "поведения" этих элементов...
...
Рейтинг: 0 / 0
29.08.2008, 15:12
| Ответить | Цитировать | Написать  
верстка дивами+разные броузеры
    #35513386
Фотография жучек мохнатка
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
жучек мохнатка
Участник
Код: 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.
<style type="text/css">
html, body {
  height: 100 %;
  margin: 0 ; paddding:  0 ;  
  }
#header-content {
  position:relative;
  min-height: 100 %;
  }
#header{}
#left-header{
  float:left;
  width: 25 %;
  position: relative;
  }
#center-header{
  float:left;
  width: 49 . 8 %;
  position: relative;
  text-align: center;
  }	
#right-header{
  float: right;
  width: 25 %;
  position: relative;
  text-align: right;
  padding-right: 5px;
  }
#content {
  padding-bottom:3em;
  }
#footer {
  position:relative;
  height:3em;
  margin:-3em  0   0 ;
  }  
* HTML #header-content {
  height: 100 %;
  }
 #login{
  position: absolute;
  left: 50 %;
  top: 50 %;
  margin-left: -187px;
  margin-top: -70px;
  }
 #filter-caption{
  width: 100 %;
  left:  0 ;
  position:absolute;
  text-align:center;
  }
  
</style>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="MasterHead" runat="server">
    <title>Страница-мастер</title>
</head>
<body oncopy="return false" onselectstart="return false">
    <form id="MasterForm" runat="server">
        <div id="header-content">
            <div id="header">
                <div id="left-header">
                </div>
                <div id="center-header">
                    <h3>
                        Подсистема автоматической классификации</h3>
                </div>
                <div id="right-header">
                    <asp:Label ID="LabelFIO" runat="server" EnableViewState="False" Font-Names="Arial"
                        Font-Size="X-Small" /> 
                    <asp:LoginStatus ID="LoginStatusCtrl" runat="server" LoginText="" Font-Names="Arial"
                        LogoutText="Выход" LogoutAction="RedirectToLoginPage" ForeColor="Black" Font-Size="X-Small" />
                </div>
            </div>
            <div id="content">
                <asp:ContentPlaceHolder ID="MyContentPlaceHolder" runat="server">
                </asp:ContentPlaceHolder>
            </div>
        </div>
        <div id="footer">
        </div>
    </form>
</body>

вот например сверстанная таблица. в фф почемуто все разъезжается, заголовок лезет влево
а если я помещаю чтото в <div id="content"> то оно лезет вверх . подскажите что исправить?
...
Рейтинг: 0 / 0
29.08.2008, 15:19
| Ответить | Цитировать | Написать  
верстка дивами+разные броузеры
    #35513419
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Вот тебе примерчик с футером по низу... Сделаеш потом в нем хедер и контент, как тебе хочется...

Код: 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.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>«Primer»</title>
<!--<link rel="stylesheet" type="text/css" href="css/main.css">-->
<script language="JavaScript" src="page.js" type="text/JavaScript"></script>

<style type='text/css'>
* {
	margin: 0px;
	padding: 0px;
}
html {
	height:  100 %;
	width:  100 %;
}
body {
	width:  100 %;
	min-height: 100 %;
	height:  100 %;
}
#container {
	height: auto !important;
	min-height: 99 %;
	height:  99 %;
	border: 1px solid;
}
#prefooter {
	clear: both;
	height: 100px;
	border: 1px solid;
}
#footer {
	margin-top: -100px;
	clear: both;
	border: 1px solid;
}
</style>
</head>
<body>
<div id='container'>Text
	<div id='prefooter'>Tab
	</div>
</div>
<div id='footer'>Footer
</div>
</body>
</html>
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
29.08.2008, 15:29
| Ответить | Цитировать | Написать  
верстка дивами+разные броузеры
    #35513421
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Хочеш верстать ДИВами - начинай думать как ДИВ. (с) старинная мудрость

P.S. У меня пока еще не все получается...
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
29.08.2008, 15:31
| Ответить | Цитировать | Написать  
верстка дивами+разные броузеры
    #35513461
Фотография жучек мохнатка
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
жучек мохнатка
Участник
буду пытаться. спасибо так лучше.
только вот надпись Подсистема автоматической классификации упорно сдвигается влево, как ее сдвинуть в центр?
...
Рейтинг: 0 / 0
29.08.2008, 15:42
| Ответить | Цитировать | Написать  
верстка дивами+разные броузеры
    #35513499
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
жучек мохнатканадпись Подсистема автоматической классификации упорно сдвигается влево
При таком раскладе

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
#left-header{
  float:left;
  width: 25 %;
  }
#center-header{
  float:left;
  width: 49 . 8 %;
  }	
#right-header{
  float: right;
  width: 25 %;
  }
Можно сделать и
Код: plaintext
1.
2.
3.
#right-header{
  float: left;
  width: 25 %;
  }
...
Рейтинг: 0 / 0
29.08.2008, 15:53
| Ответить | Цитировать | Написать  
верстка дивами+разные броузеры
    #35513506
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
жучек мохнаткакак ее сдвинуть в центр?
Может поможет

Код: plaintext
1.
2.
#center-header h3{
  text-align: center;
}
...
Рейтинг: 0 / 0
29.08.2008, 15:55
| Ответить | Цитировать | Написать  
верстка дивами+разные броузеры
    #35513844
Фотография жучек мохнатка
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
жучек мохнатка
Участник
блин ну вот скажитте это правильное поведение- мне пришлось в див <div id="left-header"></div> вставить   чтобы фф понял что нужно раздвинуть его и тогда центральная надпись выровнялась
...
Рейтинг: 0 / 0
29.08.2008, 17:49
| Ответить | Цитировать | Написать  
верстка дивами+разные броузеры
    #35514158
lanzer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lanzer
Участник
жучек мохнаткаблин ну вот скажитте это правильное поведение- мне пришлось в див <div id="left-header"></div> вставить   чтобы фф понял что нужно раздвинуть его и тогда центральная надпись выровнялась

Думаю, что нет.
...
Рейтинг: 0 / 0
29.08.2008, 23:43
| Ответить | Цитировать | Написать  
10 сообщений из 10, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / верстка дивами+разные броузеры
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=35513421&tid=1455944]:
 0ms
get settings:
 8ms
get forum list:
 9ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 52ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 34ms
get tp. blocked users:
 1ms
others: 207ms
total:  324ms
созд. / загр.: 324ms
x
x
Закрыть


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