Решение быстрой загрузка сайта

12
CrewHS
На сайте с 05.08.2007
Offline
31
926

Кто посоветует, как сделать, чтоб вначале осуществлялась загрузка центральной части шаблона, а уж затем её левый блок и правый. Header можно опустить. Пускай себе загружается первым, а уж потом основной блок.

Общий вид структура сайта в аттаче

Вот структура верстки

<div id="wrapper">

<div id="header">

{TEXT}

</div>

<div id="leftside">

{TEXT}

</div>

<div id="content">

{TEXT}

</div>

<div id="rightside">

{TEXT}

</div>

<div id='footer'>

{TEXT}

</div>

</div><!--Wrapper-->

У кого какие предложения.

jpg 1.jpg
У нас всегда можно добавить строительную фирму (http://lobzikov.ru/catg.html) бесплатно.
igrinov
На сайте с 09.01.2009
Offline
134
#1

CrewHS, надо в CSS использовать position

можете здесь посмотреть http://htmlbook.ru/css/position

то есть надо

<div id="content">

{TEXT}

</div>

перенести вверх в html коде, а с помощью position, сделать чтобы он отображался как у вас в середине

Персональный VPN/Socks сервер (https://cp.inferno.name/aff.php?aff=2419)
CrewHS
На сайте с 05.08.2007
Offline
31
#2
igrinov:
CrewHS, надо в CSS использовать position
можете здесь посмотреть http://htmlbook.ru/css/position

то есть надо

<div id="content">
{TEXT}
</div>

перенести вверх в html коде, а с помощью position, сделать чтобы он отображался как у вас в середине

Идею понял, спасибо. Сейчас у меня базируется все на float:left

Может какой сайт посоветуете, где можно глянуть пример реализации position (можно в личку)

igrinov
На сайте с 09.01.2009
Offline
134
#3
CrewHS:
Может какой сайт посоветуете, где можно глянуть пример реализации position

так я в сообщении выше сайт указал

[umka]
На сайте с 25.05.2008
Offline
456
#4

По-моему, любой вордпресс (если sidebar слева) так делает.

Лог в помощь!
CrewHS
На сайте с 05.08.2007
Offline
31
#5

все, полностью разобрался, спасибо igrinov

DiAksID
На сайте с 02.08.2008
Offline
236
#6

- если вёрстка на плавающих блоках: левая колонка в любом случае должна быть первой в коде;

- если вёрстка на absolute (центральный блок можно ставить хоть сразу после body): придётся попрощаться с полноценным "резиновым" макетом, и приветствовать конкретную головную боль с кроссбраузерностью;

show must go on !!!...
CrewHS
На сайте с 05.08.2007
Offline
31
#7
DiAksID:
- если вёрстка на плавающих блоках: левая колонка в любом случае должна быть первой в коде;

- если вёрстка на absolute (центральный блок можно ставить хоть сразу после body): придётся попрощаться с полноценным "резиновым" макетом, и приветствовать конкретную головную боль с кроссбраузерностью;

все так и есть. У меня получилось сделать 3 блока (левый, центарльный, правый), но футер всегда был зависим либо от левого, либо от центрального, либо от правого. т.е. если для центрального position: relative; то левый и правый должны быть absolute и тогда если к примеру в центральном меньше текста, а в правом больше, то он залазит на футер. Другие вариации просто не пашут. либо они все выстраиваются друг под другом, либо футер залазит прям поверх текста

Olldman
На сайте с 21.04.2010
Offline
79
#8

Ну можете посмотреть такую реализацию: первым выводится основной контент, далее правая колонка, только потом header и последним как всегда footer. Никаких проблем с фиксом, или резиной не наблюдается: http://beta054.realtsib.ru/news/read/Rjad-izmenenij-zanudy.html

p.s. не смотрите на диз, я не дизайнер. Сейчас как раз занимаюсь переверсткой новой версии этой CMS, пока не во все модули залез ;)

dma84
На сайте с 21.04.2009
Offline
168
#9
DiAksID:
- если вёрстка на плавающих блоках: левая колонка в любом случае должна быть первой в коде;

Ага, конечно, на CssPlay куча примеров, где центральная колонка идёт первой в коде, затем правая и левая, всё сделано на плавающих блоках с position:relative.

И вообще, всем советую поучиться у них верстать и не юзать JavaScript там, где можно сделать на CSS

DiAksID
На сайте с 02.08.2008
Offline
236
#10
dma84:
Ага, конечно...

разговор идёт о разных вещах просто. порядок в коде должен сохраняться для плавающих блоков если речь идёт о полноценном "резиновом" макете с известными ограничениями по общей ширине, но не известными пропорциями колонок. при привязке к фиксированной ширине или "100% верстке" заставить, например, второй по порядку в коде плавающий блок с float=left уйти левее первого, за счёт фиксированных и заранее известных отрицательных margin-left или left cможет и школьник, но вот унивисальности макета добится не получится...

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий