За последние 24 часа нас посетил 20501 программист и 1616 роботов. Сейчас ищут 1139 программистов ...

Почему при загрузке страница съезжается?

Тема в разделе "HTML и CSS", создана пользователем leeroy, 24 авг 2006.

  1. leeroy

    leeroy Активный пользователь

    С нами с:
    24 авг 2006
    Сообщения:
    5
    Симпатии:
    0
    Суть проблемы такова: при генерации страницы ее части как будто бы приезжают слева и справа. После того, как страница полностью загрузится все становится нормально. Но эти мгновения, пока страница грузится почему-то некоторых посетителей пугает).
    Буду признателен за помощь. Заранее спасибо.
     
  2. 440Hz

    440Hz Старожил
    Команда форума Модератор

    С нами с:
    21 дек 2012
    Сообщения:
    8.003
    Симпатии:
    1
    Адрес:
    Оттуда
    leeroy

    1. покажи как?
    2. прописывай явно ширины и высоты у картинок и прочей HTML`ной лабуды.
     
  3. Davil

    Davil Guest

    Иногда есть резон сначала загрузить всю графику в кэш, а уже потом отображать.
     
  4. leeroy

    leeroy Активный пользователь

    С нами с:
    24 авг 2006
    Сообщения:
    5
    Симпатии:
    0
    Показывать к сожалению уже нечего, действительно, дело было в том, что у некоторых картинок не были проставлены атрибуты ширины и высоты. Спасибо, 440hz.
     
  5. HarPy

    HarPy Активный пользователь

    С нами с:
    10 июл 2006
    Сообщения:
    59
    Симпатии:
    0
    Адрес:
    Новый Уренгой
    Я делал чуть иначе. Расчерчивал страницу таблицой. Самой таблице давал размер ширины 100%. Создавал две пустые ячейки по разные стороны шириной =*. А ячейкам по середине давал уже точные размеры. Страница получается сцентрованной. И ничего там не разъезжается. Только единственное нада следить, чтобы ширина ячейки не была меньше ширины рисунка, тогда все расползется. Еще удобно тем, что в ячейки можно можно помещать вложенные таблицы, фреймы, ифреймы и т.д. и т.п.
     
  6. Ti

    Ti Активный пользователь

    С нами с:
    3 июл 2006
    Сообщения:
    2.378
    Симпатии:
    1
    Адрес:
    d1.ru, Екатеринбург
    body { width: 950px; margin: 0 auto; }
     
  7. HarPy

    HarPy Активный пользователь

    С нами с:
    10 июл 2006
    Сообщения:
    59
    Симпатии:
    0
    Адрес:
    Новый Уренгой
    Сорри!
    А у меня разрешение экрана может быть 800х600
    А скроллер горизонтальный неудобно и не красиво
     
  8. Ti

    Ti Активный пользователь

    С нами с:
    3 июл 2006
    Сообщения:
    2.378
    Симпатии:
    1
    Адрес:
    d1.ru, Екатеринбург
    body { width: 750px; margin: 0 auto; }
     
  9. HarPy

    HarPy Активный пользователь

    С нами с:
    10 июл 2006
    Сообщения:
    59
    Симпатии:
    0
    Адрес:
    Новый Уренгой
    И что ты будешь генерить страницу для каждого набора разрешений -
    тогда скажу тебе напиши страницу где будет сначала запрашиваться разрешение экрана или вообще сделай чтобы самостоятельно искал разрешение и потом привяжи эту переменную к ширине тела body {width .....}
     
  10. HarPy

    HarPy Активный пользователь

    С нами с:
    10 июл 2006
    Сообщения:
    59
    Симпатии:
    0
    Адрес:
    Новый Уренгой
    То что ты предлагаешь полная чушь и не имеет смысла -
    а генерить страницу через скрипт - методом привязки разрешения экрана - темболее полная чушь - проще и лучше работать с процентами, а где нужна точность тогда прописывать точный размер ячейки! Еще 2Ti есть каканибудь страница которую ты сам написал, оч. хочется посмотреть!
     
  11. Davil

    Davil Guest

    А где же объяснения? Например мне кажется, что чушь - это работа с процентами, т.к. при разных разрешениях это несерьезно! А вот при использовании скриптов, внешний вид сайта постоянно под контролем!
     
  12. 440Hz

    440Hz Старожил
    Команда форума Модератор

    С нами с:
    21 дек 2012
    Сообщения:
    8.003
    Симпатии:
    1
    Адрес:
    Оттуда
    я вот помню было время когда сайты затачивались под 640 на 480 ... а вы тут ... эх ...
     
  13. Ti

    Ti Активный пользователь

    С нами с:
    3 июл 2006
    Сообщения:
    2.378
    Симпатии:
    1
    Адрес:
    d1.ru, Екатеринбург
    на сколько я понял, сайт у Вас не "резиновый" и предложенная мною строка - отличное решение.
     
  14. HarPy

    HarPy Активный пользователь

    С нами с:
    10 июл 2006
    Сообщения:
    59
    Симпатии:
    0
    Адрес:
    Новый Уренгой
    <HTML>
    <HEAD>
    <TITLE>....</TITLE>

    </HEAD>

    <BODY bgcolor=white bgproperties=Fixed leftMargin=0 topMargin=0 HSPACE=0 MARGINHEIGHT=0 MARGINWIDTH=0></BODY>

    <!-- Причем таблица растягивается на всю ширину окна браузера -->
    <TABLE border=1 bordercolor=red cellpadding=0 cellspacing=0 leftMargin=0 topMargin=0 HSPACE=0 MARGINHEIGHT=0 MARGINWIDTH=0 width=100%>
    <TR>

    <!-- Левый растягивающегося столбца -->
    <TD width=*>
    &nbsp;
    </TD>

    <!-- Столбец шириной в 600 пикс -->
    <TD width=600>
    &nbsp;
    </TD>

    <!-- Правый растягивающегося столбца -->
    <TD width=*>
    &nbsp;
    </TD>

    </TR>
    </TABLE>
    </HTML>

    Идеально подходит для любого разрешения экрана, а если учесть, что сейчас у большинства пользователей разрешение экрана не меньше 1152х864, идеально подойдет средний столбец шириной в 1000 пикс. И еще в среднем столбце вместо не разрывного пробела нужно вставить таблицу.