Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/6: Рейтинг темы: голосов - 6, средняя оценка - 5.00
dixonich
2 / 2 / 1
Регистрация: 23.03.2011
Сообщений: 62
#1

Аналог min-width, min-height в CSS < 3

30.04.2012, 09:22. Просмотров 1094. Ответов 2
Метки нет (Все метки)

Ребят. Собственно, нужно как-то сделать страницу с этими параметрами (т.е. не обязательно с ними)

В общем есть страница, и при изменении разрешения она не должна менятся, т.е. например skbkontur.ru как тут. Просто задвигается должна страница.
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
30.04.2012, 09:22
Ответы с готовыми решениями:

Медиазапросы min-width и min-device-width
Подскажите, почему: @media only screen and (max-width : 1170px), only screen...

блоки с height внутри min-height не растягиваются или wrapper не растягивается
вот такой вот пример &lt;html&gt; &lt;head&gt; &lt;style type=&quot;text/css&quot;&gt; *...

Адаптивная вёрстка, min-width или max-width?
В bootstrap 3 применяется сетка на основе media queries, а именно @media...

Адаптация дизайна.Свойства min-width и max-width
Всем привет.Возникла проблема в понимании свойств min-width и max-width.Если...

max-height и min-height резиновый блок
есть див &lt;div class=&quot;main&quot;&gt;&lt;/div&gt; подключены стили .main{ border:1px...

2
MuroLike
2 / 2 / 0
Регистрация: 24.04.2012
Сообщений: 14
30.04.2012, 10:22 #2
устанавливаешь для body такую вещь
CSS
1
body{width:100%;height:100%;}
А тут если боди не хочешь трогать.
И есть два вариант:
1. Если блоками верстаешь, то создаешь 1 блок ГЛАВНЫЙ и в него пихаешь все свое уже написанное.
И делаешь высоту и ширину для него такими же как и для боди.(только главного, остальные уже на усмотрения).
2. Если таблично верстаешь, то создаешь таблицу с ячейкой и пихаешь все в него.
Так же делаешь для ячейки высоту ширину.
Мне хватало изменения body.
0
dixonich
2 / 2 / 1
Регистрация: 23.03.2011
Сообщений: 62
30.04.2012, 22:27  [ТС] #3
Лучший ответ Сообщение было отмечено dixonich как решение

Решение

Спасибо. Добавил в body width:100% и height:100%, но в IE эффект тот же. Всё криво-косо.

Добавлено через 25 минут
Вот код. Единственный вариант - это задавать height и width явно?
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
html, body 
{
    width:100%;
    height:100%;
}
 
#container
{
    width:70%;
    height:100%;
    background:#87CEFA;
    margin:0px auto;
    position:relative;
    min-height:776px;
    min-width:202px
}
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MainPage.aspx.cs" Inherits="MainPage_MainPage" %>
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="stylesheet" type="text/css" href="MainStyle.css">
</head>
<body>
    <div id = "container">
    
    </div>
</body>
</html>
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
30.04.2012, 22:27

Заставить работать min-width,max-width в %
&lt;table&gt; &lt;td class=&quot;left&quot;&gt;&amp;nbsp;&lt;/td&gt; &lt;td class=&quot;middle&quot;&gt;&amp;nbsp;&lt;/td&gt; ...

Min-width, max-width (растолкуйте)
Значит есть такой код &lt;div class=&quot;subscribers&quot;&gt;&lt;div...

height внутри min-height
структура такова &lt;div id=&quot;wrapper&quot;&gt; # min-height 100% &lt;div id=&quot;block1&quot;&gt;...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru