Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / верстка дивами+разные броузеры / 10 сообщений из 10, страница 1 из 1
29.08.2008, 15:09
    #35513339
жучек мохнатка
жучек мохнатка
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
верстка дивами+разные броузеры
не подскажете навскидку почему див верстка нормально показывается в ие, но разлазится в фф и дивы закрыват друг друга? сам верстаю таблицами, вот надо подправить. понимаю что телепатов нет , но может есть идеи?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.08.2008, 15:12
    #35513355
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
верстка дивами+разные броузеры
жучек мохнаткапочему див верстка нормально показывается в ие, но разлазится в фф
Разные видать "представления" у них по поводу "поведения" этих элементов...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.08.2008, 15:19
    #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:29
    #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:31
    #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:42
    #35513461
жучек мохнатка
жучек мохнатка
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
верстка дивами+разные броузеры
буду пытаться. спасибо так лучше.
только вот надпись Подсистема автоматической классификации упорно сдвигается влево, как ее сдвинуть в центр?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.08.2008, 15:53
    #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:55
    #35513506
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
верстка дивами+разные броузеры
жучек мохнаткакак ее сдвинуть в центр?
Может поможет

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

Думаю, что нет.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / верстка дивами+разные броузеры / 10 сообщений из 10, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 391ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1455944]:
 0ms
get settings:
 10ms
get forum list:
 17ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 39ms
get topic data:
 11ms
get forum data:
 2ms
get page messages:
 60ms
get tp. blocked users:
 1ms
others: 243ms
total:  391ms
x
x
Закрыть


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