Как сделать чтобы сайт не растягивался

25.06.2013, 12:11. **Показов** 5866. **Ответов** 4

Студворк — интернет-сервис помощи студентам

Добрый день
Ситуация следующая, на мониторах 4:3 сайт aftom.ru смотрится отлично, а на широкоформатных он растягивается и все колонки разбегаются, вот код CSS шаблона: ширину я тут так и не нашел!!!

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
@import url("components.css");
@import url("modules.css");
@import url("layouts.css");
@import url("navigation.css");
@import url("forms.css");
@import url("typo.css");
@import url("error.css");
@import url("3rd_party.css");
@import url("responsive.css");
/* #######################  GENERAL SETTINGS ############################ */
body {
    color: #666;
    margin:0;
    padding:0;
    line-height:1.8;
    height:100%;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    background:url(../images/vt_body.jpg) center top fixed;
    }
    
/*  Global Formatting */
h1 {font-size:180%;line-height: 1em;font-weight: 900;}
h2 {font-size:160%;line-height: 1em;font-weight: 900;}
h3 {font-size:140%;line-height: 1em;font-weight: 900;}
h4 {font-size:120%;line-height: 1em;font-weight: 900;}
h5 {font-size:100%;line-height: 1em;font-weight: 900;}
h6 {font-size:80%;line-height: 1em;font-weight: 900;}
a,a:link,a:visited{outline:none;}
a:hover{text-decoration:underline;}
img {border: 0 none; margin:2px 10px 2px 2px; padding:0;}
*{margin:0; padding:0}
ul,ol{ margin-left:2em;}
p{ padding-bottom:15px; margin:0px 0px 0px 0px;}
pre, blockquote, h1, h2, h3, h4, h5, h6{
    margin: 0px 0;
    padding: 0px 0px 0px 0px;
}
/* Clears Divs */
.clr{clear: both; height:0px;overflow: hidden;}
/* Clearfix  */
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
  /* #######################  END GENERAL SETTINGS ############################ */

Помогите кто может, я не фига не разобрался

@Gold_ · 25.06.2013, 13:11

постав ищо один

HTML5
1
<div class="stat"></div>

так чтобы после

HTML5
1
<body>

ставишь

HTML5
1
<div class="stat">

и перед

HTML5
1
</body>

ставишь

HTML5
1
</div>

теперь в css дописываем в конце:

CSS
1
2
3
.stat{
 width: 1000px;
}

1000px - это и будет твой размер по ширине. теперь он не будет растягиваться.

@Lovrentiy · 27.06.2013, 21:35

и скорее всего нужно будет к

CSS
1
.stat

дописать

CSS
1
margin:0 auto;

для оцентровки

14.07.2013, 11:54

Ребята, все перепробовал, не фига не поменялось, только фон меняется на белый и все!!
Может есть еще какие то мысли?

@Ruisenor · 14.07.2013, 21:12

CSS
1
2
3
body{
  max-width: значение ;
}

в боди допиши еще макс ширину при достижение этой ширины сайт не будет больше растягиваться

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

Salamonn
	14.07.2013, 11:54
	Ребята, все перепробовал, не фига не поменялось, только фон меняется на белый и все!! Может есть еще какие то мысли?