Форум АНТИЧАТ

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)
-   PHP, PERL, MySQL, JavaScript (https://forum.antichat.xyz/forumdisplay.php?f=37)
-   -   style - margin (https://forum.antichat.xyz/showthread.php?t=32648)

PEPSICOLA 04.02.2007 00:12

style - margin
 
Sos! Нужна помощь в margin-bottom,
с верхушкой справился, а вот как прилепить нижнюю таблицу к каркасу браузера - без понятия... Вообще - там оставалось пикселей 30 пустого места, я решил создать ещё одну таблицу и её верх прелепить к основной части сайте а низ прилепить к каркасу статус строки. Вот что получилось:

Цитата:

</tr>
</table>
// - конец основной части сайта.


<table style="margin-top:0px;margin-bottom:0px" width="900" height="10" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td width="150" background="files/design/bg_left2.gif"></td>
<td width="600"></td>
<td width="150" background="files/design/bg_right2.gif"></td>
</tr>
</table>


</body>
</html>

LoneWolf666 04.02.2007 02:55

Не силён в этом, но мэйби указать значение в процентах? или я путаю?... Если что сорри, изучаю недавно

Helios 04.02.2007 15:22

У тебя основное содержание страницы - одна сплошная таблица? Если да, то просто добавь height="100%"

Еще в таблице стилей:
body
{
margin: 0px 0px 0px 0px;
}

и
<body marginbottom="0">

//для надежности)

MorpheuS 05.02.2007 02:21

Цитата:

Сообщение от Steph
Sos! Нужна помощь в margin-bottom,
с верхушкой справился, а вот как прилепить нижнюю таблицу к каркасу браузера - без понятия... Вообще - там оставалось пикселей 30 пустого места, я решил создать ещё одну таблицу и её верх прелепить к основной части сайте а низ прилепить к каркасу статус строки. Вот что получилось:


Пепс, скорее всего у тебя верстка уже поехала - отсюда и баги повылазили. Но если деваться уже совсем некуда - попробуй отрицательный марджин:

margin-bottom: -10px;

должно работать

bopoh13 05.02.2007 02:48

На страницу взглянуть можно?
ЗЫ: непонятно, у тебя тело пустое выходит?! вертикально таблицу в теле передвигать бесполезно; только, как сказал Helios, за счет другой таблицы. Если очень надо, можно заморочиться со слоями.

kirbak 05.02.2007 17:45

Смотри http://xhtml.ru/2005/10/18/footer-stick/

Raz0r 05.02.2007 20:34

решение CSS (суперрешение):
Код HTML:

BODY { margin: 0px 0px 0px 0px; }
Поправил-поправил, только оно и так работало на "ура" ;)

Helios 06.02.2007 01:27

Цитата:

решение CSS (суперрешение):

BODY { margin: 0px; }
Че сказать? КрасавчеГ))

Внимательнее читай доки и маны. Таким макаром ты выставишь только margin-top

PEPSICOLA 08.02.2007 01:41

Большое спасибо, буду разбираться :) Всем относительные плюсы ;)

bopoh13 08.02.2007 11:06

Давай-давай)

PEPSICOLA 10.02.2007 09:09

heeeelp!
 
Удачно получилось прилепить таблицу к низу.

http://img329.imageshack.us/img329/4...sh0tkx6.th.jpg
(~70kb)

Но появилась другая проблема, вызванная CSS style:
Цитата:

<style>
#roll
{
width:100%;
overflow:scroll;
height:100%;
}
</style>

Этот css postitioning style служит для главного окна (на скрине это центр, серая область таблиц с информацией работ участника).

Вставлено в таблицу это так:
Цитата:

<td width="600" align="center" valign="top" >
<div id=roll>
<?php include ('incl/main.php'); ?>
</div>
</td>
Как видно в эту ячейку вставляется скрипт с фунцией php - switch, то есть всвязи со значениями $_GET будет выводиться определённая инфа...

Так вот всё работало нормально, до тех пор, пока я не выставил:
overflow:scroll;
height:100%;
И этот margin:bottom;

Теперь иногда при нажатии на любые (!) ссылки сайта - информация включаемая в главное окно инклудом может отображаться, а может и нет - просто пустая ячейка вместо нужных данных, зависит от переодических нажатий на тот же линк повторно либо комбинации ctrl+F5.

Ну я думаю что это баг Opera 9.10, т.к. в IE 6+ или Firefox такого глюка нет, неважно сколько делать refresh - всё отображается, но есть другие глюки: в FireFox не пашет нормально css positioning style. То есть всё это дело не центруется и информация не прокручивается только в середине таблицы, а растягивается до самого низа, включая scrollbar главного окна браузера...

В IE 6+ всё идеально, всё работает, все супер, только жаль что им никто не пользуется :D

Вообщем без понятия что к чему. Есть какие идеи, что бы прийти к оптимальному варианту? :)

Talisman 10.02.2007 11:34

по делу сказать ничего не могу - оперу не юзаю, а по ядру совет - юзай mod_rewrite - твои линки убого выглядят щас...

LoneWolf666 10.02.2007 19:32

maybe эт у тебя просто проги глючат или изза того что локалхост?
залей одну пагу куда нить в вирт пускай народ потыкает.
а вообще хз, как я и говорил...

PEPSICOLA 10.02.2007 21:25

А вот зацените скриншот, там 2 полосы прокрутки, как убрать горизонтальный скролбар, оставив только вертикальный?

LoneWolf666 10.02.2007 22:21

Я чё то там не увидел горизонтальную.

PEPSICOLA 10.02.2007 22:59

=)) снизу главного окна, она серая - не активная, но линия и стрелочки есть, а это забирает лишние 16 pixels =)

kirbak 11.02.2007 02:28

overflow-y: scroll

Helios 11.02.2007 03:11

Цитата:

Ну я думаю что это баг Opera 9.10, т.к. в IE 6+ или Firefox такого глюка нет, неважно сколько делать refresh - всё отображается, но есть другие глюки: в FireFox не пашет нормально css positioning style. То есть всё это дело не центруется и информация не прокручивается только в середине таблицы, а растягивается до самого низа, включая scrollbar главного окна браузера...
Есть у движка оперы такой баг: директивы width и height в CSS он выполняет слишком уж точто: при любом раскладе высота будет равна 100% от высоты окна, не зависимо от того, будет текст влазить или нет(. Кстати, есть еще один нюанс: при указании width: xx% он сделает ширину обьекта в xx процентов от высоты(!) а не ширины окна.
Учти это.

Кстати, ничего умного по этому поводу придумать не смог, а решил проблему при помощи JavaScript, как именно, смотри на gannenko.com.

а насчет горизонтального скроллбара overflow: scroll-x; Вроде так, но проверь в манах, ибо не уверен.


Время: 16:10