Здравствуйте Гость ( Вход | Регистрация )

Создать форум бесплатно: ixbb.ru :: Календарь на Май 2024 года: calendar2008.ru/2024/may/

Форум aceweb.ru -> Web программирование -> Все об html

Оптимизация сайта

, Нужна помощь

Подписка на тему | Сообщить другу | Версия для печати

	Отправлено: Jan 11 2007, 08:25 PM
Группа: Сообщений: Пользователь №: Регистрация: --	Здраствуйте люди добрые... Меня интересует такой вопрос... На разных разрешениях экрана мой сайт выглядит ужастно Я делал сайт в разрешении экрана 1024 на 768...выглядел ровно Но когда перевожу разрешения экрана на другие разрешения он выглидит кривым Всё криво, сеъхало ну вопще полный пипец. Помогите пжалусто как решить эту проблему.. оптимизировать сайт что бы везде выглядел одинаковым Зарание спасибо!!!

Лена	Отправлено: Jan 12 2007, 10:54 AM
Главный администратор Группа: Members Сообщений: 311 Пользователь №: 1 Регистрация: 6-May 06	дай url тебе надо размеры всех таблиц поставить в процентах

goder

Отправлено: Jan 12 2007, 06:03 PM

Генерал

Группа: Super moderator
Сообщений: 170
Пользователь №: 60
Регистрация:
9-October 06

QUOTE (Лена)

тебе надо размеры всех таблиц поставить в процентах

Лен не факт

Надо еще правельно процентно расчитать

Agent74	Отправлено: Mar 10 2007, 07:51 PM
Лейтенант Группа: Members Сообщений: 55 Пользователь №: 346 Регистрация: 22-February 07	А почему в px нельзя выставить? Фиксированный размер вроде лучше, и ничего искажаться наоборот не будет. -------------------- Все что создал человек можно взломать = идеальной защиты не существует

Max

Отправлено: Mar 11 2007, 03:53 AM

Команда ЭйсВэб

Группа: Admin
Сообщений: 989
Пользователь №: 44
Регистрация:
13-September 06

QUOTE

Фиксированный размер вроде лучше, и ничего искажаться наоборот не будет

Agent74, не всегда, вот дупустим ты рассчитал сайт на разрешение 1024, а у юзера разрешение 800, половина сайта будет за экраном

или, ты на 1024, а у юзера разрешение 1200, часть экрана будет не заполненна, а можно было бы рекламу поставить

--------------------

IXBB.RU - бесплатный хостинг форумов
Альтернативный бесплатный софт! - аналог офиса, корела, ftp клиент
Сапа бот ищет тебя!

Agent74

Отправлено: Mar 11 2007, 06:11 PM

Лейтенант

Группа: Members
Сообщений: 55
Пользователь №: 346
Регистрация:
22-February 07

QUOTE (Max)

QUOTE

Фиксированный размер вроде лучше, и ничего искажаться наоборот не будет

Если у юзера 800, то просто появится горизонтальная полоса прокрутки.

--------------------

Все что создал человек можно взломать = идеальной защиты не существует

Hryak

Отправлено: Mar 12 2007, 12:48 AM

Генерал

Группа: Super moderator
Сообщений: 243
Пользователь №: 83
Регистрация:
31-October 06

QUOTE

Agent74
[q]Фиксированный размер вроде лучше, и ничего искажаться наоборот не будет

И куча пустого места по обе стороны экрана. Некоторым людям хочется на 100% использовать возможности монитора, а любоваться в "фиксированную" букашку (640х480) посреди монитора (скажем 1280х1024) не каждый захочет. Поэтому правильное замечание про рекламу... можно ее показывать тем, у кого экран позволяет и скрывать от тех, кому пресловутые пиксели "как воздух". Можно обойтись без полосы прокрутки, усовершенствовать навигацию и т.д. Но это наложит свой отпечаток на "унифицированность" дизайна. Часто имеет смылс скомбинировать фиксированные размеры и процентные. Чтобы максимально использовать "единобразие" первых и "адаптированность" вторых.

Agent74

Отправлено: Mar 12 2007, 08:04 PM

Лейтенант

Группа: Members
Сообщений: 55
Пользователь №: 346
Регистрация:
22-February 07

Недавно прочел статью как раз на эту тему. Может, кому пригодится.

QUOTE

Всем известно что для того чтобы страничка корректно отображалась при разрешении 800x600 и 1024x768 нужно таблице прописывать width=100%. В следствии чего она просто растягивается на весь экран в ширину. И прописывать height=100% если вы хотите чтобы она растягивалась по высоте. Вот код такой таблицы:

<table width=100% height=100% border=0 cellpadding=0 cellspacing=0><tr>
<td width=100%>
</td></tr><table>

Вроде бы всё нормально должно работать. Но может возникнуть ситуация при которой таблица работает несовcем правильно. Например, у вас две ячейки. Одна меню, другая - там где новости пишутся. Вы хотели, чтобы меню имело ширину 200, и ячейка с новостями растягивалась на всю остальную страницу (width=100%). Обрадовавшись вы напишите вот что:

<table width=100% height=100% border=0 cellpadding=0 cellspacing=0><tr>
<td width=200>меню</td>
<td width=100%>новости</td>
</td></tr><table>

Но работать она к сожалению не будет правильно. Почему? Потому что ячейка с новостями растянется на всю абсолютно страницу, т.е. меню не будет видно(если конечно что-нибудь не вписать туда). Но даже если туда что-то вписать она не будет иметь ширину 200 пикселей. Как же быть. Вот ответ:

<table width=100% height=100% border=0 cellpadding=0 cellspacing=0>
<tr>
<td width=200>
<table width=200 border=0 cellpadding=0 cellspacing=0><tr><td width=200>
меню
</td></tr></table>
</td>
<td width=100%>
<table width=100% border=0 cellpadding=0 cellspacing=0><tr><td width=200>
новости
</td></tr></table>
</td>
</tr></table>

Для того чтобы ячейка с меню устоялась впихиваем туда таблицу с такой же шириной. Для новостей уже не обязательно вписывать табличку, но на всякий случай не помешает. А теперь пора поговорить о багах которые могут произойти в этом случае. Например, у вас сверху картинка (логотип на сайте). Для неё вы создаёте ячейку. А потом следующую за ней с таким фоном, как у картинки чтобы как-бы продолжался топ. Для этой второй ячейки вы ставите width=100%. Далее переходите ниже - делаете меню и новости. Вроде бы всё хорошо и всё работает при всех разрешениях. Вот код:

<table width=100% height=100% border=0 cellpadding=0 cellspacing=0>
<tr>
<td width=1><img src=pix.gif border=0></td>
<td width=100%></td>
</tr>
<tr>
<td width=200 height=100%>
<table width=200 height=100% border=0 cellpadding=0 cellspacing=0>
<tr><td>
меню
</td></tr></table>
</td>
<td width=100% height=100%>
новости
</td>
</tr>
</table>

Но попробуйте в новости запихнуть баннер 768x60. Или написать слово из 50 символов. У вас сразу появиться нижний скроллинг. Табличка с новостями будет работать не правильно, она будет растягиваться не так. Чтобы избежать ячейки где логотип помещён поставить значение ширины 100%. А вторую ячейку убрать. Даже если вам надо ещё в конце картинку - вы её ставите во вторую ячейку, а первой всё равно ставите width=100%.
Автор: ORC

--------------------

Все что создал человек можно взломать = идеальной защиты не существует

Hryak

Отправлено: Mar 12 2007, 11:14 PM

Генерал

Группа: Super moderator
Сообщений: 243
Пользователь №: 83
Регистрация:
31-October 06

Agent74

Не мутите так с таблицами. Таблица в таблице в таблице в таблице - можно с ума сойти. Сохраняя table тему - втавьте тег <img width="200" height="1" border="0"> в "меню" и ячейка принудительно растянется до нужного размера. Что до

QUOTE

...запихнуть баннер 768x60... У вас сразу появиться нижний скроллинг

, то при 800х600 px действительно 768+200 = 968px, нижний скроллинг должен появиться, это не баг - такой баннер должен вставляться отдельно от этой таблицы.

QUOTE

слово из 50 символов

... я такого не знаю, мне кажется оно ругательное :-).

Ну и наконец можно решить эту проблему альтернативно - через JS (зпросить разрешение экрана пользователя и посчитать ширину ячейки), CSS (раскидав все по слоям <div>), фреймами <frameset cols="200,*" frameborder=0 framespacing=0>.

« Предыдущая тема | Все об html | Следующая тема »

[ Script Execution time: 0.0256 ] [ 10 queries used ] [ GZIP выключен ]