Не могу понять почему растягивает левый край

[ZFJoury]

Всем привет, не могу понять почему растягивает левый край(

Сайт www.vs-aqua.ru

Вроде делал как резиновый дизайн, а оказался совсем не резиновым.

[Taatshi]

Вы не могли бы точнее проблему сформулировать? Я, например, никакого резинового дизайна там не вижу, везде фиксированные цифры, да и что Вас волнует конкретно - понять не могу.

[ZFJoury]

Да конечно, я не очень большой знаток css, и при нажатии ctrl+scroll очень бы хотелось чтобы он отображался нормально, может сможете подсказать что мне сделать?

[ZFJoury]

Кстати вот содержание css, помогите сделать резиновым пожалуйста

*

{

margin: 0px;

padding: 0px;

}

a:link {

color: #ffffff;

}

a:hover {

text-decoration: none;

color: #FF0000;

}

a:visited {

color: #ffffff;

}

body {

background: #A2E5F5 url(image/back_all.jpg) repeat-x;

font: 13px Arial, Helvetica, sans-serif;

color: #000000;

}

#content

{

width: 100%;

text-align: auto;

background: url(image/back.jpg) no-repeat;

}

#main

{

width: 908px;

padding: 10px;

}

#back

{

width: 1151px;

}

#header {

height: 386px;

text-align: auto;

}

#logo {

background: url(image/logos.gif) no-repeat;

background-position: 50% 17%;

background-attachment: scroll;

width: 1131px;

height: 134px;

text-align: center;

padding-left: 20px;

padding-top: 180px;

}

#logo a {

text-decoration: none;

text-transform: lowercase;

font-style: italic;

font-size: 28px;

color: #ffffff;

}

#logo H2

{

font-size: 12px;

text-align: left;

font-style: italic;

color: #000000;

}

#menu

{

background: url(image/menu.gif) no-repeat;

height: 75px;

}

#menu ul {

list-style: none;

}

#menu li {

display: inline;

}

#menu a {

float: left;

width: 129px;

height: 30px;

display: block;

text-align: center;

text-decoration: none;

color: #2273A4;

vertical-align: middle;

font-weight: bold;

font-size: 14px;

padding-top: 20px;

text-transform: uppercase;

}

#menu a:hover {

width: 129px;

height: 54px;

color: #ffffff;

text-decoration: underline;

}

#left

{

width: 190px;

}

#left H3

{

width: 165px;

height: 27px;

font-size: 14px;

font-weight: bold;

padding-left: 25px;

padding-top: 15px;

text-transform: uppercase;

color: #ffffff;

background: url(image/title.gif) repeat-x

}

#left ul {

list-style: none;

padding-bottom: 10px;

margin-bottom: 10px;

background: #ffffff url(image/title_back.gif) repeat-x bottom;

}

#left li ul {

border: 0px;

margin-left: 20px;

margin-bottom: 10px;

padding-top: 20px;

background: none;

}

#left li li {

padding: 5px 5px;

color: #000000;

border: 0px;

}

#left a {

color: #2F8BC4;

}

#left a:visited {

color: #2F8BC4;

}

#left td

{

color: #2F8BC4;

}

#left th

{

color: #2F8BC4;

}

#left caption

{

color: #2F8BC4;

}

#left p

{

padding: 10px;

color: #2F8BC4;

}

#right

{

float: right;

width: 680px;

padding-right: 10px;

}

#right H4

{

margin: 0;

padding: 0px;

font-size: 12px;

color: #2F8BC4;

}

#right a

{

color: #2F8BC4;

text-decoration: underline;

}

#right p {

margin: 0;

padding: 0;

padding-bottom: 10px;

}

#right h2 {

margin: 0;

padding: 0;

padding-top: 10px;

color: #2F8BC4;

}

#footer {

clear: both;

height: 80px;

width:100%;

background: url(image/footer.gif) repeat-x bottom;

border-top: 5px solid #2F8BC4;

padding-top: 30px;

}

#footer p {

margin: 0;

width: 778px;

font-size: 12px;

text-align: center;

color: #ffffff;

}

#footer a {

color: #ffffff;

}

[Non Stop]

Удали все "width: 908px;" и будет тебе резина.

[ZFJoury]

Удали все "width: 908px;" и будет тебе резина.

ВСЕ width: ?? или только width: 908px??

а не надо ли где нибудь ставить "%"

[FoxyFru]

ВСЕ width: ?? или только width: 908px??

а не надо ли где нибудь ставить "%"

1. Убери width в #logo, #right (+ здесь добавь margin-left: 190px;(или больше)), #main, #back.

2. Поменяй колонки right и left местами. Т.е сделай колонку left выше колонки right в html коде.

3. У #left добавь правило float: left;

4. У #right удали правило float: right;

Дальше сам поправишь, что будет не так.

Edited January 4, 2012 by FoxyFru