Автор Тема: Фиксирована ширина сайта  (Прочитано 24510 раз)

Toxa

  • Гость
Фиксирована ширина сайта
« : Апреля 03, 2012, 12:56:18 pm »
Вернусь к своим баранам.
Решил настроить все-таки свой сайт, а то надоел этот сдвиг.
Как показал "метод тыка", этот сдвиг пошел "вроде как" из-за добавления в файл index.tpl.html тэга <a></a>
Потому что добавляя его все больше, титульная страница вообще стала убегать вниз.

И вот такой вопрос: изучая форум нашел пример один http://shop.4x4tet.ru/
Вот как сделать так, чтоб титульная была такая же, в том плане, что колонки прижимаются к центру и страница подстраивается под размер изображения?

Оффлайн FOX

  • Пользователь
  • **
  • Сообщений: 89
    • Просмотр профиля
    • Надувные лодки ARGO
Re: Фиксирована ширина сайта
« Ответ #1 : Апреля 03, 2012, 01:12:48 pm »
У вас резиновый макет, а на примере http://shop.4x4tet.ru/ - фиксированный.
Сформулируйте конкретнее вопрос, что значит подстраиваться под размер изображения? Ниче ж не понятно!

Оффлайн Dias

  • Пользователь
  • **
  • Сообщений: 75
    • Просмотр профиля
Re: Фиксирована ширина сайта
« Ответ #2 : Апреля 03, 2012, 01:40:37 pm »
Вернусь к своим баранам.
Решил настроить все-таки свой сайт, а то надоел этот сдвиг.
Как показал "метод тыка", этот сдвиг пошел "вроде как" из-за добавления в файл index.tpl.html тэга <a></a>
Потому что добавляя его все больше, титульная страница вообще стала убегать вниз.

И вот такой вопрос: изучая форум нашел пример один http://shop.4x4tet.ru/
Вот как сделать так, чтоб титульная была такая же, в том плане, что колонки прижимаются к центру и страница подстраивается под размер изображения?

Тег <a> никакого отношения к проблеме не имеет, а проблема в том, что Вы перенесли все основные блоки в левую колонку id="column_left" и естественно на сайте будут такие искажения. Так что либо Вы переносили неправильно блоки, либо неправильно замыкали теги основных блоков. Рекомендую просто заменить index.tpl на тот что был первоначально и уже внимательно редактировать всё пошагово.

Toxa

  • Гость
Re: Фиксирована ширина сайта
« Ответ #3 : Апреля 03, 2012, 03:26:47 pm »
У вас резиновый макет, а на примере http://shop.4x4tet.ru/ - фиксированный.
Сформулируйте конкретнее вопрос, что значит подстраиваться под размер изображения? Ниче ж не понятно!
извиняюсь за то, что не правильно выразился. Вы меня правильно поняли, мне хочется фиксированный макет, вместо резинового как у меня

Тег <a> никакого отношения к проблеме не имеет, а проблема в том, что Вы перенесли все основные блоки в левую колонку id="column_left" и естественно на сайте будут такие искажения. Так что либо Вы переносили неправильно блоки, либо неправильно замыкали теги основных блоков. Рекомендую просто заменить index.tpl на тот что был первоначально и уже внимательно редактировать всё пошагово.

Спасибо за подсказку, пропустил один тег <div>. Но теперь страница вернулась к тому виду, который у меня стал после добавления дополнительных страниц
« Последнее редактирование: Апреля 03, 2012, 03:30:28 pm от Toxa »

Оффлайн FOX

  • Пользователь
  • **
  • Сообщений: 89
    • Просмотр профиля
    • Надувные лодки ARGO
Re: Фиксирована ширина сайта
« Ответ #4 : Апреля 03, 2012, 03:30:20 pm »
Замените в #container - width: 100%; на  width: 1000px; и все, будет фиксированный ;)

Toxa

  • Гость
Re: Фиксирована ширина сайта
« Ответ #5 : Апреля 03, 2012, 03:54:17 pm »
Спасибо за овтеты, установил фиксированную, но теперь вверху "поиск" сполз на картинку и текст теперь спустилс вниз куда-то

Оффлайн FOX

  • Пользователь
  • **
  • Сообщений: 89
    • Просмотр профиля
    • Надувные лодки ARGO
Re: Фиксирована ширина сайта
« Ответ #6 : Апреля 03, 2012, 04:00:52 pm »
А где должен быть блок поиска и какой текст сполз?
Если Вы планируете менять дизайн, то без элементарного знания CSS ничего не получится. Либо нужно учить, либо обратиться к тем кто выучил!
« Последнее редактирование: Апреля 03, 2012, 04:06:55 pm от FOX »

Оффлайн Dias

  • Пользователь
  • **
  • Сообщений: 75
    • Просмотр профиля
Re: Фиксирована ширина сайта
« Ответ #7 : Апреля 03, 2012, 04:12:39 pm »
Спасибо за овтеты, установил фиксированную, но теперь вверху "поиск" сполз на картинку и текст теперь спустилс вниз куда-то

Ничего не сползло, всё осталось на том месте где было, у Вас логотип на всю ширину шапки, а блок поиска находиться относительно этой шапки, поэтому блок поиска накладывается на логотип. Уменьшите размер логотипа.

Toxa

  • Гость
Re: Фиксирована ширина сайта
« Ответ #8 : Апреля 03, 2012, 04:48:21 pm »
Ничего не сползло, всё осталось на том месте где было, у Вас логотип на всю ширину шапки, а блок поиска находиться относительно этой шапки, поэтому блок поиска накладывается на логотип. Уменьшите размер логотипа.

ну с ним более менее понятно, а что с основным содержанием страницы? точнее центральная часть, там где просмотр товаров? почему она сползла?
хотя бы где копать? мне кажется это надо искать в stylesheet.css хотя я его не трогал вообще

Оффлайн Dias

  • Пользователь
  • **
  • Сообщений: 75
    • Просмотр профиля
Re: Фиксирована ширина сайта
« Ответ #9 : Апреля 03, 2012, 05:13:35 pm »
Каким браузером пользуетесь? Название и версия.

Оффлайн Sanael

  • Пользователь
  • **
  • Сообщений: 45
    • Просмотр профиля
Re: Фиксирована ширина сайта
« Ответ #10 : Апреля 03, 2012, 06:17:57 pm »
Я исправлял это следующим образом
в файле index.tpl.html находил    <div id="content">
       <div class="left"></div>
       <div class="right"></div> 
      <!-- Start of content -->
       
        {include file="$main_content_template"}
      <!-- eof main content  -->
        <div class="bottom_left"></div>
        <div class="bottom_right"></div>
        <div class="bottom_center"></div>
    </div>
вставлял его перед   <div id="column_right">
Затем в файле stylesheet.css  в container писал нужный мне размер width: 1200px;
и редактировал блок #content {
    float: left;
    margin: 0 3px;
    width: 68%;
}

кажись все
П.С. А вообще если приходится ковыряться в шаблоне, поставь себе фаербаг в мазилу и смотри как сделано у других, копируй и вставляй себе ))
« Последнее редактирование: Апреля 03, 2012, 06:26:04 pm от Sanael »

Toxa

  • Гость
Re: Фиксирована ширина сайта
« Ответ #11 : Апреля 03, 2012, 06:52:18 pm »
Каким браузером пользуетесь? Название и версия.

IE8
раньше работал в опере нормально, но сейчас нигде нормально не работает

Я исправлял это следующим образом
в файле index.tpl.html находил    <div id="content">
       <div class="left"></div>
       <div class="right"></div> 
      <!-- Start of content -->
       
        {include file="$main_content_template"}
      <!-- eof main content  -->
        <div class="bottom_left"></div>
        <div class="bottom_right"></div>
        <div class="bottom_center"></div>
    </div>
вставлял его перед   <div id="column_right">
Затем в файле stylesheet.css  в container писал нужный мне размер width: 1200px;
и редактировал блок #content {
    float: left;
    margin: 0 3px;
    width: 68%;
}

кажись все
П.С. А вообще если приходится ковыряться в шаблоне, поставь себе фаербаг в мазилу и смотри как сделано у других, копируй и вставляй себе ))

спасибо за совет, но вот помог не до конца.
первый вариант сделал, все также криво, решил поставить перед строкой <div id="column_left">
стало более менее, но не то.
если отредактировать css то там вообще сикось-накось все выходит :(

Toxa

  • Гость
Re: Фиксирована ширина сайта
« Ответ #12 : Апреля 03, 2012, 08:21:38 pm »
Проблему решил старым добрым и проверенным способом. Удалил измененный мною файл, скопировал оригинальный и его отредактировал. В итоге все работает как надо. Всем огромное спасибо за советы.

Оффлайн Dias

  • Пользователь
  • **
  • Сообщений: 75
    • Просмотр профиля
Re: Фиксирована ширина сайта
« Ответ #13 : Апреля 04, 2012, 10:07:10 am »
IE8
раньше работал в опере нормально, но сейчас нигде нормально не работает

спасибо за совет, но вот помог не до конца.
первый вариант сделал, все также криво, решил поставить перед строкой <div id="column_left">
стало более менее, но не то.
если отредактировать css то там вообще сикось-накось все выходит :(

Вы пользуетесь устаревшим браузером, если Вы будете впредь ним пользоваться, то подобные "кривости" будут периодически. Скачайте себе Google Chrome, Opera или Mozilla FireFox последней версии.

Оффлайн Sanael

  • Пользователь
  • **
  • Сообщений: 45
    • Просмотр профиля
Re: Фиксирована ширина сайта
« Ответ #14 : Апреля 04, 2012, 10:29:10 am »
IE8
раньше работал в опере нормально, но сейчас нигде нормально не работает

спасибо за совет, но вот помог не до конца.
первый вариант сделал, все также криво, решил поставить перед строкой <div id="column_left">
стало более менее, но не то.
если отредактировать css то там вообще сикось-накось все выходит :(

А можно увидеть ссылку на ваш сайт?