Опять проблемы с версткой. HELP!

15

Digidie

20 июля 2012, 17:48

568

Здравствуйте! Заранее прошу прощения, что в предыдущей теме не обо всем расспросил, думал все понял, оказалось нет. Так что вновь прошу помощи. В общем все дело опять в растягивающемся блоке, а точнее в фиксированном. Вот ссылка на сайт. У кого мониторы большие сразу поймут в чем беда, у кого старенькие, с масштабом поиграйтесь. Дело в том что у всех элементов ширина стоит 100%, и в бэкграунде позиция центр. У всех кроме одного, который с контентом и меню, он уезжает влево. Я бы и задал ему 100% но тогда и белый фон будет растягиваться до 1400px, а мне так не нужно. Нужно чтобы он был в ширину как есть сейчас. Думаю нет смысла выкладывать весь код, спецы сразу поймут из-за чего это. Я не спец))) Пожалуйста, подскажите как это исправить!?:confused:

P.S. Сайт сделан на Джумле. Еще прошу обратить внимание, на верхнее меню, оно почему то тоже уезжает. Заранее СПАСИБО!

[Удален]

20 июля 2012, 20:11

#1

Столько букаф и ничего не понятно. В чём конкретно проблема?

С верхнем меню вроде всё ок.

D

15

Digidie

20 июля 2012, 21:16

#2

Сашко:
Столько букаф и ничего не понятно. В чём конкретно проблема?
С верхнем меню вроде всё ок.

Если вы заходили на сайт, и как мне помнится у вас разрешение 1600 на сколько то, то наверняка видели что контент уезжает влево, и верхнее меню тоже. Я добивался чего, чтобы при маленьком разрешении, снизу не было скролла и сайт все время оставался по центру, будь хоть 1024 хоть 1920px. Почти добился, но не для всех блоков. Контент уезжает и меню тоже. Собственно вопрос в том, как это исправить? Спасибо!

Хитрые полу-стики баннеры Проблема с отображением сайта Центрирование больших блоков при

G

2

Godrik

20 июля 2012, 21:26

#3


	width: 100%;

	height: 65px;

	background: url(../images/top_menu.png) no-repeat center;

	float: left;

н апервый взгляд вот это попадает в глаза

ты картинку центруешь ( no-repeat center;) а содержимое в лево дигаешь (float: left;)

сделай у картинки left и тогда она уезжать не будет

думаю так)

---------- Добавлено 21.07.2012 в 01:43 ----------

а по нормальному лучше было так написать для всего класса верхней меню

если я так понял ты хотел её отцентровать

во первых


body {min-width: примерный размер самой большой картинки}

а для класса top_menu


.top_menu{

	width: размер картинки(бг меню);

	left: 50%;

	margin-left: - (размер картинки(бг меню))/2;



	height: 65px;

	background: url(../images/top_menu.png) no-repeat center;



	margin-top: 170px;

}

думаю должно сработать)

D

15

Digidie

20 июля 2012, 22:08

#4

сделай у картинки left и тогда она уезжать не будет
думаю так)

Так не получается. Дело в том что уезжает не сама картинка а только пункты меню. float: left двигает не содержимое, а саму картинку. Если с Джумлой работали, то заметьте что для меню классы совсем другие. moduletable_top и пошло поехало. Меня больше интересует по поводу контента, как мне сделать чтобы он не уезжал, у него ширина фиксированная, если задам 100% то белый фон растянется вообще далеко, а мне так ненужно.

Расположение Промоблока Яндекса перестало Facebook добавит в «Ленту Google ответил на вопрос

G

2

Godrik

20 июля 2012, 22:10

#5

ты определись) тебе надо что бы всё слева было или по центру?)

D

15

Digidie

20 июля 2012, 22:17

#6

Godrik:
ты определись) тебе надо что бы всё слева было или по центру?)

Именно по центру. margin: 0 auto не помогает. Уже бошку сломал)

G

2

Godrik

20 июля 2012, 22:21

#7

---------- Добавлено 21.07.2012 в 01:43 ----------

а по нормальному лучше было так написать для всего класса верхней меню

если я так понял ты хотел её отцентровать

во первых


body {min-width: примерный размер самой большой картинки}

а для класса top_menu


.top_menu{

	width: размер картинки(бг меню);

	left: 50%;

	margin-left: - (размер картинки(бг меню))/2;



	height: 65px;

	background: url(../images/top_menu.png) no-repeat center;



	margin-top: 170px;

}

думаю должно сработать)

а чем это не походит? у тебя всё равно все размеры стандартные на bg картинки)

Олег Саламаха: «Что мы В Рекламной сети Яндекса Агентство Netpeak приобрело 51%

D

15

Digidie

20 июля 2012, 22:28

#8

Godrik:
---------- Добавлено 21.07.2012 в 01:43 ----------

а по нормальному лучше было так написать для всего класса верхней меню
если я так понял ты хотел её отцентровать

во первых


body {min-width: примерный размер самой большой картинки}

а для класса top_menu


.top_menu{

	width: размер картинки(бг меню);

	left: 50%;

	margin-left: - (размер картинки(бг меню))/2;



	height: 65px;

	background: url(../images/top_menu.png) no-repeat center;



	margin-top: 170px;

}

думаю должно сработать)

а чем это не походит? у тебя всё равно все размеры стандартные на bg картинки)

В общем с меню я определился, выставил я его по центру. Осталось выставить контент по центру. Касательно min-width, он прописан для блока #wrapper. По поводу размеров, на все bg, исключая заголовки меню трубку:) везде стоит 100%, и для шапки и для меню и футера.

Футер и хедер не Адаптивный шаблон и разрешение Требуется верстка под Shop

G

2

Godrik

20 июля 2012, 22:33

#9

ты меняешь на код выше только общие блоки которые самые наружные(меню центр футер). а всё внутренне 100% уже будет относительно них)

D

15

Digidie

20 июля 2012, 22:45

#10

что то у меня голова не варит, пойду ка я спать! Спасибо Godrik!

Что такое Power BI и зачем это нужно бизнесу

VK приобрела 70% в структуре компании-разработчика red_mad_robot