Небольшая проблемка с отображением контента на сайте :(

  • Автор темы vladimir908
  • Дата начала
vladimir908

vladimir908

Новичок
Регистрация
17.07.2010
Сообщения
9
Реакции
0
Баллы
0
Если кто знает и может помочь...
у меня проблема с отображением контента на сайте(... Добился нормального отображения в IE, как в других он выходит за рамки в чем может быть проблема?) сайт www.sobuv.ru
 
эрмак

эрмак

Участник
Регистрация
11.10.2009
Сообщения
5 239
Реакции
1
Баллы
38
А нафия во фрейме там трой у тебя висит? В культурной компании за такие линки банят.
 
OP
vladimir908

vladimir908

Новичок
Регистрация
17.07.2010
Сообщения
9
Реакции
0
Баллы
0
Это я на них практикуюсь((Но что то не выходит(((За рамки вылазит и все((помочь сможешь??
 
Инженер

Инженер

Активный участник
Регистрация
01.03.2009
Сообщения
2 571
Реакции
135
Баллы
63
DAE

DAE

Moderator
Регистрация
11.07.2007
Сообщения
27 197
Реакции
71
Баллы
48
убери у .container width вообще
после этого по крайней мере в ff3 начинает норм показывать
 
OP
vladimir908

vladimir908

Новичок
Регистрация
17.07.2010
Сообщения
9
Реакции
0
Баллы
0
Я убирал он показывает нормально, но в IE он уходит за навигацию то есть под нее)нельзя сделать так чтоб он отобразился нормально??если можно то как?
 
Stas_K

Stas_K

Участник
Регистрация
24.01.2006
Сообщения
924
Реакции
2
Баллы
18
На данный момент (25.07.2010, 21:35) корректно отображается в Opera и Firefox. IE - текст расползается на ширину экрана.

Не по теме... Черный текст на сером фоне не читается вообще.
 
A

Alex 777

Guest,
Регистрация
24.11.2005
Сообщения
110 109
Реакции
360
Баллы
0
Opera AC - абсолютно корректно и читаемо
 
OP
vladimir908

vladimir908

Новичок
Регистрация
17.07.2010
Сообщения
9
Реакции
0
Баллы
0
Мне надо чтоб и в IE отображалось норм) я сейчас поставлю параметр ширины и у меня выйдет все за границы выйдет а в ie будет норм)как сделать чтоб во всех норм было??
 
OP
vladimir908

vladimir908

Новичок
Регистрация
17.07.2010
Сообщения
9
Реакции
0
Баллы
0
* { font-size: 1em; margin: 0; padding: 0; color:#FFFFFF; }
#cont { width: 100%; height:auto;}
h1, h2, h3, h4, h5 { line-height: normal; font-weight: normal; font-family: Tahoma, Arial, Helvetica, sans-serif; }
h1 { font-size: 1.4em; } h2 { font-size: 1.3em; } h3 { font-size: 1.2em; } h4 { font-size: 1.1em; } h5 { font-size: 1.0em; }
a { color: #fab311; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
input, textarea, select { outline: none; font-family: Tahoma, Arial, Helvetica, sans-serif; }
body { color: #000; background-color: #FFFFFF; font-size: 14px; line-height: 1.4em; font-family: Tahoma, Arial, Helvetica, sans-serif; }
.pagebg { text-align: center; background: #181717 url("/bitrix/templates/sobuv/images/pagebg.png") repeat 0 0; }
p { padding: 0; margin: 0; margin-bottom: 0.4em; }
.clr { clear: both; }
a img { border: 0 none; }
.parag { text-indent: 30px; }
.small { font-size: 0.9em; color: #717170; }
hr { border: 0 none; border-top: 1px solid #cfcfcf; height: 1px; }
ul { padding-left: 16px; list-style-position:eek:utside; list-style-image:none; }
ol { list-style-image: none; list-style-position: outside; list-style-type: decimal; margin-left: 2.2em; }
table { border-collapse: collapse; border-spacing: 0; }
.reset, .reset li, #pager ul, #pager ul li { margin: 0; padding: 0; list-style: none; }

.wrapper { width: 92%; max-width: 1400px; min-width: 990px; text-align: left; margin: 0 auto; }
.wwide { width: 100%; }
*html .wrapper { width: expression(((document.body.clientWidth)) < 990? "990px": ((document.body.clientWidth)) > 1400? "1400px": "100%" ); }


.lcolomn { float: left; display: inline; }
.rcolomn, .searchform { float: right; display: inline; }
.yellow { color: #fab311; }

.toppanel { height: 44px; background: #000 url("/bitrix/templates/sobuv/images/toppanel_bg.png") repeat-x 0 0; }
.loginform, .loginform ul { display: inline; }
.loginform ul { float: left; padding-top: 10px; }
.loginform ul li { float: left; margin-right: 12px; line-height: 21px; }
.logintext { color: #3f3e3c; }
.loginbutton { position: relative; }
a.lbn, a.lbn b, a.lbn span { float: left; cursor: pointer; height: 22px; }
a.lbn { position: relative; z-index: 100; text-decoration: none !important; background-color: #242323; }
a.lbn b { background: url("/bitrix/templates/sobuv/images/loginbtn.png") no-repeat 0 0; }
a.lbn span { padding: 0 10px; background: url("/bitrix/templates/sobuv/images/loginbtn.png") no-repeat 100% -22px; }
a.lbn:hover { background-color: #3b3b3b; }
a.lbn:hover b { background-position: 0 -44px; }
a.lbn:hover span { background-position: 100% -66px; }

.loginbutton a.active, .loginbutton a.active b, .loginbutton a.active span { height: 24px; }
.loginbutton a.active, .loginbutton a.active:hover { background: #242323 url("/bitrix/templates/sobuv/images/loginbtn.png") repeat-x 0 -136px; }
.loginbutton a.active b, .loginbutton a.active:hover b { background-position: 0 -88px; }
.loginbutton a.active span, .loginbutton a.active:hover span { background-position: 100% -112px; }

.loginform ul.loginenter li { margin-right: 4px; }

.subcontainer { line-height: normal; color: #fff; width: 220px; overflow: hidden; position: absolute; top: 23px; left: 0; background-color: #242323; border: 1px solid #484848; z-index: 99;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
-moz-border-radius-topright:7px;
}
.subcontainer a { color: #fff; }
.subcontainer .pad { padding: 10px 0; margin: 0 10px; overflow: hidden; }
.subcontainer .lfield { margin: 0 0 0.8em; 0; }
.subcontainer .lfield span { color: #c4c4c4; margin: 0 0 0.4em 0; display: block; }
.subcontainer .lfield input { border: 1px solid #515151; -moz-border-radius:4px; color: #daa320; background-color: #100f0f; width: 190px; padding: 4px; }
.subcontainer .submit { text-align: center; }
.subcontainer .submit input { cursor: pointer; width: 83px; height: 27px; border: 0 none; background: #d29823 url("/bitrix/templates/sobuv/images/loginbtn2.png") no-repeat 0 0; padding-bottom: 2px; }
.subcontainer .submit input:hover { background-position: -83px 0; }
.subcontainer .avatar { width: 60px; float: right; border: 1px solid #898989; }

.subcontainer .submit input,
.topmenu ul a,
.leftside .block .dtitle,
.rightside .block .dtitle { font-weight: bold; font-size: 1.1em; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; }

.loginenter .subcontainer a:hover { color: #f9b80b; text-decoration: none !important; }
.lgavatar { float: right; border: 1px solid #3a3838; overflow: hidden; width: 68px; height: 68px; }
.lgavatar img { width: 68px; height: 68px; }

.rssicon img { position: relative; top: 11px; margin-left: 5px; float: right; width: 20px; height: 20px; background: url("/bitrix/templates/sobuv/images/rsstop.png") no-repeat 0 0; }
.rssicon:hover img { background-position: -20px 0; }

.searchform { width: 378px; height: 24px; overflow: hidden; position: relative; top: 9px; background: url("/bitrix/templates/sobuv/images/search_field.png") no-repeat 0 0; }
.searchform .lfield { float: left; width: 336px; height: 12px; padding: 0 0 0 10px; }
.searchform .lfield input, .searchform .submit input { background: none; border: 0 none; }
.searchform .lfield input { color: #dea200; width: 336px; padding: 5px 0 0; }
.searchform .submit { position: absolute; right: 0; top: 0; }
.searchform .submit input, .searchform .submit { width: 24px; height: 24px; }
.searchform .submit input { cursor: pointer; background: #dea200 url("/bitrix/templates/sobuv/images/search.png") no-repeat 0 0; }
.searchform .submit input:hover { background-position: 0 -24px; }

.topinfo { height: 34px; font-size: 0.9em; overflow: hidden; }
.topicons { margin: 8px 0 0; }
.topicons, .topicons a, .topicons a img { float: left; }
.topicons a { color: #7f7f7f; margin-right: 20px; text-decoration: none !important; }
.topicons a img { margin: 2px 5px 0 0; width: 13px; height: 13px; background: url("/bitrix/templates/sobuv/images/icontop.png") no-repeat 0 -13px; }
.topicons a:hover { color: #f4b001; }
.topicons .topfav img { background-position: 0 0; }

.header, .hdleft, .hdright { height: 223px; overflow: hidden; }
.header { background: #1f1f1f url("/bitrix/templates/sobuv/images/headmid.png") repeat-x 0 0; }
.hdleft { background: url("/bitrix/templates/sobuv/images/headlogo.jpg") no-repeat 0 0; }
.hdright { padding: 0 11px 0 433px; background: url("/bitrix/templates/sobuv/images/headright.png") no-repeat 100% 0; }

.header .lcolomn { width: 433px; margin: 0 0 0 -433px; text-align: center; }
.header .rcolomn { width: 100%; height: 223px; overflow: hidden; }

.header .lcolomn h1, .topmenu, .topmenu ul li { display: inline; }
.header .lcolomn h1 a { display: block; margin: 24px auto 0 auto; width: 183px; height: 137px; overflow: hidden; line-height: 300px; white-space: nowrap; }

.topmenu ul { margin: 15px 0 36px 0; height: 28px; float: right; display: inline; }
.topmenu ul a, .topmenu ul a strong { float: left; height: 28px; }
.topmenu ul a strong { cursor: pointer; padding: 0 12px; }
.topmenu ul a { line-height: 26px; text-decoration: none !important; background: url("/bitrix/templates/sobuv/images/menutop.png") no-repeat 0 0; }
.topmenu ul a:hover { color: #000; background: #e4b83f url("/bitrix/templates/sobuv/images/menutop.png") no-repeat 0 -28px; }
.topmenu ul a:hover strong { background: url("/bitrix/templates/sobuv/images/menutop.png") no-repeat 100% -56px; }

.bannertop { clear: both; width: 468px; height: 60px; text-align: center; margin: 0 auto 28px auto; overflow: hidden; }

.infoblock { line-height: normal; text-align: left; color: #b8b8b8; overflow: hidden; padding: 0 14px 0 9px; }
.infoblock h1 { font-size: 1em; font-weight: bold; color: #d2950a; }


.wrapmid { background-color: #1c1c1c; border: 1px solid #363636; border-width: 0 1px;}
.container, .leftside, .leftcol, .rightside, .mainside { overflow: hidden; }
.container { padding: 0 5px 0 433px;} // если выставляем здесь значение ширины 100% то в IE будет норм, а в остальных выходит за рамки
.leftside, .rightside, .leftcol { display: inline; }
.leftcol { float: left; width: 422px; margin: 0 0 0 -433px; padding-left: 5px; }
.leftside { float: left; width: 208px; }
.rightside { float: right; width: 208px; }
.mainside { float: right; width: 100%; background-color: #313131; }
table.conts { border: 0 none; width: 100%; }
кусочегг css
 
Последнее редактирование модератором:
DAE

DAE

Moderator
Регистрация
11.07.2007
Сообщения
27 197
Реакции
71
Баллы
48
эм. подключи отдельный стиль для ие в котором укажи только эту строчку в нужном для ие виде
 
R

Romario

Новичок
Регистрация
01.03.2007
Сообщения
1 900
Реакции
1
Баллы
0
Если кто знает и может помочь...
у меня проблема с отображением контента на сайте(... Добился нормального отображения в IE, как в других он выходит за рамки в чем может быть проблема?) сайт www.sobuv.ru

1c Битрикс - *****.
 
dalex

dalex

Новичок
Регистрация
15.02.2006
Сообщения
17 333
Реакции
49
Баллы
0
Касперский матюкается
 
Верх Низ