Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 20 Ответов
  • 8317 Просмотров
*

Alexiez

  • Захожу иногда
  • 54
  • 1 / 0
Привет всем! Добрый люд помогите пжл, проблема с отображением ширины в барузере Google хром, когда делаю окно браузра меньше появляется прокрутка, прокручиваю вправо, каркас не тянется до конца :(

Код: html4strict
<div id="container">
            <div id="header">
            <div id="rblock">
            </div>
            <div id="lblock">
            <div id="logo">
              </div>
            </div>
            </div>
    <div id="foter">
    </div>
  </div>


Код: css
html, body {
background:#ff5b00;
width:100%;
}

#container {
background:url(../images/bg_line.jpg) repeat-x;
min-width:1250px;
width:100% !important;
min-height: 900px;
}




*

kolu4iy

  • Захожу иногда
  • 162
  • 22 / 4
Код
html, body {
background:#ff5b00;
width:100%;
min-width:1250px;
}
 
#container {
background:url(../images/bg_line.jpg) repeat-x;
width:100% !important;
min-height: 900px;
}
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
min-width:1250px; жестоко. Забудьте о 30% пользователей, обладателей дисплеев 1024px шириной. Весьма распространенная ошибка новичков на самом деле - делать шаблон под свой монитор.
*

Alexiez

  • Захожу иногда
  • 54
  • 1 / 0
min-width:1250px; жестоко. Забудьте о 30% пользователей, обладателей дисплеев 1024px шириной. Весьма распространенная ошибка новичков на самом деле - делать шаблон под свой монитор.

Хорошо а как тогда лучше сделать?подскажите пожалуйста
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Сделайте max-width: 1250px; Не минимальную а максимальную ширину. Тут же и поясню, если пользователь заходит с самого маленького разрешения, 1024 точки, то у него все нормально отобразится - шаблон резиновый. Если же с самого крупного, например 1600 точек, то Вы представляете насколько погано будет выглядеть сайт при такой растянутости? Посему ограничиваем максимальную ширину. Если рассчитываете например на мобильники, то можно ограничить и минимальную ширину. Без width:100%; Просто
Код
min-width:100px;max-width:1250px;
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
И кстати, у вас для самой картинки то ширина задана там? Она то и должна быть 100%
*

Alexiez

  • Захожу иногда
  • 54
  • 1 / 0
По поводу разрешения мониторов спасибо учту :)
ширина картинки стоит 100% которая репитится задним фоном

Код: css
background:url(../images/bg_line.jpg) repeat-x;
min-width:1025px;
           max-width:1600px;
width:100% !important;
min-height: 900px;


это как есть сейчас
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Код: css
background:url(../images/bg_line.jpg) repeat-x;
min-width:1025px;
           max-width:1600px;
min-height: 900px;
 
*

Alexiez

  • Захожу иногда
  • 54
  • 1 / 0
проблема с шириной все равно осталась :( не хочет никак если делаешь окно браузера меньше в Google хром растягиваться по всей ширине
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Дайте ссылку на сайт
*

Alexiez

  • Захожу иногда
  • 54
  • 1 / 0
Дайте ссылку на сайт


_tour.gestiv.ru

вот залью сейчас сюда
*

kolu4iy

  • Захожу иногда
  • 162
  • 22 / 4
Alexiez, зашел в Google хроме -- у меня подключились стили для ие6
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Переверстывайте. Куда оно у Вас должно тянуться если все блоки фиквированного размера? В т.ч. и шапка, состоящая из двух блоков. Каждый блок имеет фиксированную ширину
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Оно не только в гуглохроме не тянется. ТС просто смотрит только с него. Я с собаки и оперы оценил сие творенье. Там нечему тянуться, при резиновой ширине родительских контейнеров, дочерние выполнены в фиксе. Причем ту же шапку можно сделать через float, тогда как контентблок - классическая фикса.
*

Alexiez

  • Захожу иногда
  • 54
  • 1 / 0
спасибо ща попробую все передалть
*

Alexiez

  • Захожу иногда
  • 54
  • 1 / 0
Alexiez, зашел в Google хроме -- у меня подключились стили для ие6

я отключил ie6 стили
*

Alexiez

  • Захожу иногда
  • 54
  • 1 / 0
al-teen
получается тут надо задавать все в процентах?
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Блоки меню можно в пикселах, а центральный в процентах - нужно чтобы хоть что то в контентблоке тянулось. Шапку для двух блоков через float(left и right) тогда блоки по разным сторонам раскидает
*

Alexiez

  • Захожу иногда
  • 54
  • 1 / 0
Блоки меню можно в пикселах, а центральный в процентах - нужно чтобы хоть что то в контентблоке тянулось. Шапку для двух блоков через float(left и right) тогда блоки по разным сторонам раскидает

ну у меня так и было в приеципе только два блока с картинками я сделал фиксированные, здесь видите получается два блока с изображениями это уже примерно 800px , а еще нужно лого воткнуть тут и получается примерньо 1100px

или уже сделать чтобы лого сдвигалось только вид уже сразу поменяется (
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Не было там плавающего блока, контентблок стоял колом вообще. Проще немного уменьшить изображения=>шапку
*

Alexiez

  • Захожу иногда
  • 54
  • 1 / 0
Не было там плавающего блока, контентблок стоял колом вообще. Проще немного уменьшить изображения=>шапку

да действительно ща сделал все блоки плавающими все встало на свои места )

al-teen

спасибо за помощь :)
« Последнее редактирование: 09.05.2011, 19:50:08 от Alexiez »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Проблема с таблицей при просмотре с мобильника

Автор annetkas

Ответов: 5
Просмотров: 2176
Последний ответ 19.11.2021, 14:06:15
от effrit
Проблема с миниатюрами

Автор Stasweb

Ответов: 4
Просмотров: 1029
Последний ответ 03.11.2020, 17:04:00
от Nikolay89
Проблема с меню на сайте

Автор nesskafe

Ответов: 9
Просмотров: 1256
Последний ответ 01.06.2020, 11:03:58
от sivers
Проблема с меню на сайте и иконками Awesome

Автор Lemonez

Ответов: 1
Просмотров: 1528
Последний ответ 10.02.2020, 05:02:12
от Lemonez
Проблема шрифта bold

Автор web3.0

Ответов: 3
Просмотров: 2840
Последний ответ 06.04.2019, 09:50:36
от web3.0