Jump to content
  • 0

Резиновый или фиксированный сайт?


Olekh
 Share

Question

Делаю верстку интернет-магазина по аналогии с интернет-магазином http://www.medtechnika.com.ua/ Не понимаю, резиновый сайт или фиксированный?! До определенного увеличения сайт работает как резиновый, затем как фиксированный. Подскажите пожалуйста, каким образом верстали этот интернет-магазин?

Link to comment
Share on other sites

9 answers to this question

Recommended Posts

  • 0

Эм, а в код посмотреть?

Смотрю в код, но не очень понимаю стиль expression. Ранее с этим не сталкивался. Не понимаю, сайт отображается таким образом потому, что используется expression или стили CSS править?!
<body marginheight="0" marginwidth="0" topmargin="0" leftmargin="0">

<!-- Контейнер --><div id="container" style='width:expression((document.compatMode && document.compatMode == "CSS1Compat") ? (document.documentElement.clientWidth < 930 ? "930px" : "") : (document.body.clientWidth < 930 ? "930px" : ""));'><div class="div_i_1"><div class="container_bkg2"> <div>

<!-- Центр --><div id="wrapper"><div id="content"><div id="content2">

<!-- Навигация --><div id="navigation" style="overflow:hidden;"><p><b><a href="http://www.medtechnika.com.ua/">Главная</a></b></p></div><!-- /Навигация --><div class="div_i_2">

<p>

</p>

<div class="pageItem" >

Link to comment
Share on other sites

  • 0

Не исключено, что при очень больших разрешениях сайт будет смотреться не очень, поэтому резиновым сайтам задают минимальную и максимальную ширину min-width и max-width, при граничных значениях который сайт еще будет выглядеть приемлемо

Link to comment
Share on other sites

  • 0

Не исключено, что при очень больших разрешениях сайт будет смотреться не очень, поэтому резиновым сайтам задают минимальную и максимальную ширину min-width и max-width, при граничных значениях который сайт еще будет выглядеть приемлемо

У меня разрешение 1600x900 всё смотрится в норме. Ничего не лезет. Увеличиваю до максимума, тоже самое всё в норме. при увеличении Ctrl+ до 5 раз от номинального, сайт как резиновый, затем смещается вправо и отображается как фиксированный, при этом ничего не смещается и не лезет по сторонам. Edited by Olekh
Link to comment
Share on other sites

  • 0

Для него, родимого. И для IE5 (ветка с document.body вместо document.documentElement).

А по сабжу — скорее всего, это вообще не от сайта зависит, а от браузера. Так работает т.н. "адаптивный зум". В большинстве актуальных браузеров это по умолчанию, но слепо полагаться на это не стоит...

Link to comment
Share on other sites

  • 0

Не исключено, что при очень больших разрешениях сайт будет смотреться не очень, поэтому резиновым сайтам задают минимальную и максимальную ширину min-width и max-width, при граничных значениях который сайт еще будет выглядеть приемлемо

Устанавливать в *body* или *wrapper*? Какую обычно ставят min-width: max-width:?
Смотрю в код, но не очень понимаю стиль expression.

Это минимальная ширина в 930 пикселей так задана. Никогда так не делайте.

Понял. Никогда. :) :)

Для него, родимого. И для IE5 (ветка с document.body вместо document.documentElement).

А по сабжу — скорее всего, это вообще не от сайта зависит, а от браузера. Так работает т.н. "адаптивный зум". В большинстве актуальных браузеров это по умолчанию, но слепо полагаться на это не стоит...

Проверил в IE, Opera, Mozilla - растягивается одинаково красиво и правильно, в отличии от шаблона который приходится править http://vamshop.ru/index.php На этом сайте три колонки увеличиваются в рамках экрана, а в http://www.medtechnika.com.ua/ правая колонка после определенной ширины (предположительно 930 px) смешается вправо. Edited by Olekh
Link to comment
Share on other sites

  • 0

Установил min-width: 993 px; и теперь у меня при увеличении отображается точно так же, как и на том сайте. Только в Opera полез header. Всем спасибо за помощь.

И в Opera уже всё гуд - убрал width: 100% у header.

Edited by Olekh
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy