| Предишната тема :: Следващата тема |
| Автор |
Съобщение |
kmakaveev
Мнения: 97
|
 Пуснато на: Сря Сеп 04, 2002 14:48 Заглавие: В центъра на света??? |
 |
|
Нужен ми е алтернативен начин на поставяне на обект(текст, изображение, таблица и т.н.) в центъра на прозореца на браузъра. Засега това го правя с таблица, на която са зададени width и height да са със стойност 100%. Но според W3C в тага не е разрешено!
Има ли друг начин освен с таблица???
_________________
Up In Flames |
|
| Върнете се в началото |
|
 |
rovas
Мнения: 103
Местожителство: София
|
| Пуснато на: Сря Сеп 04, 2002 15:26 Заглавие: |
|
|
Понеже ми е трудно да гледам сега какво казва w3c по въпроса, ако е забранен атрибута height на <table> tag-a пробвай inline css дефиниция от рода:
| Код: | | <table style="width:100%;height:100%;"> |
PS: ти сега изпитваш ли ни  )))[/code] |
|
| Върнете се в началото |
|
|
georgivar
Site Admin
Мнения: 309
Местожителство: Sofia
|
| Пуснато на: Сря Сеп 04, 2002 15:27 Заглавие: |
|
|
Спомням си, че веднъж го направих, но сега не мога да се сетя. Беше просто и работеше, но..
Затова ето една друга идея, която използва два DIV елемента като единия се слага в другия - също както бихме направили с таблици. Първият див - външният - се позиционира абсолютно на 50% от горния край на прозореца и на 50% от долния. Освен това се задават margin-left и margin-top с отрицателни стойности равни на половината съответно от шитината и височината на DIV елемента.
Ето и кода за този вариант:
| Код: | <html><head><title>css vertical center</title>
<style type="text/css">
<!--
DIV.outer
{
position:absolute;
left:50%;
top:50%;
width:300px;
height:300px;
margin-left:-150px;
margin-top:-150px;
background-color:#6699CC;
}
DIV.inner
{
position:absolute;
left:50%;
top:50%;
width:100px;
height:100px;
margin-left:-50px;
margin-top:-50px;
background-color:#99CCFF;
}
-->
</style>
</head>
<body>
<div class="outer">
in center of page
<div class="inner">
in center of outer div
</div>
</div>
</body>
</html> |
от milov.nl/forum
Но имаше и друг начин, по дяволите1 |
|
| Върнете се в началото |
|
|
rovas
Мнения: 103
Местожителство: София
|
| Пуснато на: Сря Сеп 04, 2002 15:59 Заглавие: |
|
|
Ето това минава през http://validator.w3.org и използва стария метод с таблица:
| Код: | <table style="width:100%;height:100%;text-align:center;">
<tr>
<td align="center" valign="middle">
<img src="picture.gif" width="13" height="69"></td>
</tr>
</table> |
|
|
| Върнете се в началото |
|
|
PIIP
Мнения: 60
Местожителство: Sofia
|
| Пуснато на: Сря Сеп 04, 2002 17:00 Заглавие: Става дума само за <table> тага... нали?... За <img |
|
|
| rovas написа: | Ето това минава през http://validator.w3.org и използва стария метод с таблица:
| Код: | <table style="width:100%;height:100%;text-align:center;">
<tr>
<td align="center" valign="middle">
<img src="picture.gif" width="13" height="69"></td>
</tr>
</table> |
|
_________________
HB's THINKING USABLE |
|
| Върнете се в началото |
|
|
PIIP
Мнения: 60
Местожителство: Sofia
|
| Пуснато на: Сря Сеп 04, 2002 17:12 Заглавие: а, ако в... |
|
|
DIV.inner se zameni s
| Код: |
DIV.inner
{
position:absolute;
left:150;
top:150;
width:100px;
height:100px;
margin-left:-50px;
margin-top:-50px;
background-color:#99CCFF;
}
или
DIV.inner
{
position:absolute;
left:100;
top:100;
width:100px;
height:100px;
background-color:#99CCFF;
}
|
тогава се вижда добре и в операта....
_________________
HB's THINKING USABLE |
|
| Върнете се в началото |
|
|
georgivar
Site Admin
Мнения: 309
Местожителство: Sofia
|
| Пуснато на: Сря Сеп 04, 2002 18:27 Заглавие: |
|
|
Трябва да се поставят задължително и мерните единици. В случая вътрешния DIV не е от значение. |
|
| Върнете се в началото |
|
|
kmakaveev
Мнения: 97
|
| Пуснато на: Чет Сеп 05, 2002 9:28 Заглавие: Много добре! |
|
|
Всичко, което написахте(благодаря!!!) работи много добре и изглежда много добре! Но само в IE(вероятно и в Опера)!!! Тествах кода в NN 4.76 и резултата беше отчайващ!
_________________
Up In Flames |
|
| Върнете се в началото |
|
|
rovas
Мнения: 103
Местожителство: София
|
| Пуснато на: Пет Сеп 06, 2002 12:51 Заглавие: Re: Много добре! |
|
|
Брех, аз с NN4.X не можах да се преборя... Май само със сметки може да стане това с NN4.X, по "дървения" начин с JavaScript 
Виж това може да ти свърши работа:
http://www.bravenet.com/reviews/archives/tips.php?view=37
И на мен ще ми е интересно ако някой постне решение на този проблем.
[/url] |
|
| Върнете се в началото |
|
|
Alissaa
Мнения: 1
|
| Пуснато на: Съб Сеп 07, 2002 13:23 Заглавие: предложение |
|
|
Става като на body-to се зададе текста да е центриран, а на div, в който ще се намира изображение, текст или друг обект подравняването се определи в ляво или каквото го искаш:
| Код: |
body {text-align: center;}
#center{
text-align: justify;
width: 680px;
height: auto;
}
|
|
|
| Върнете се в началото |
|
|
georgivar
Site Admin
Мнения: 309
Местожителство: Sofia
|
| Пуснато на: Съб Сеп 07, 2002 16:47 Заглавие: |
|
|
| Това е само за хоризонтално подравняване. Проблемът в цялата работа е вертикалното центриране. |
|
| Върнете се в началото |
|
|
kmakaveev
Мнения: 97
|
| Пуснато на: Сря Сеп 11, 2002 8:52 Заглавие: Това е професионално изпълнение! |
|
|
| rovas написа: | Брех, аз с NN4.X не можах да се преборя... Май само със сметки може да стане това с NN4.X, по "дървения" начин с JavaScript
Виж това може да ти свърши работа:
http://www.bravenet.com/reviews/archives/tips.php?view=37
И на мен ще ми е интересно ако някой постне решение на този проблем.
[/url] |
Мдааа! Това работи качествено! Само трябва да се добави на JavaScript една resize фунция и всичко ще е наред! Ама много дълъг начин е това! Усещам скоро развръзката!
_________________
Up In Flames |
|
| Върнете се в началото |
|
|
|
Въпроси/Отговори
Търсене
Потребители
Потребителски групи
Профил
Влезте, за да видите съобщенията си
Регистрирайте се
Вход