MuxaH

спасибо

http://www.nemtchinoff.com/taxarisite2/ Применяю justify, но слишком большой промежуток между словами, плохо смотрится. Как это можно вылечить? @charset "utf-8"; *{ margin: 0; padding: 0; } html{ background: url(./img/pattern.jpg) repeat center top; } body{ padding: 0px 0 0 0; min-width: 660px; } A:link {text-decoration: none; /* Убирает подчеркивание для ссылок */ color:#1c306f; } A:visited { text-decoration: none; color: #1c306f; } A:active { text-decoration: none } A:hover { text-decoration: underline; /* Делает ссылку подчеркнутой при наведении на нее курсора */ color: white; /* Цвет ссылки */ } /*flash head holder*/ #flashcontent { position: relative; left:0px; top: 0px; width:613px; height:410px; margin: 0 auto; padding: 0; z-index:1; } h2{ font: bold 18px Arial, Helvetica, sans-serif; text-transform: uppercase; height: 30px; padding: 12px 0 0 1px; } h3{ font: bold 14px Arial, Helvetica, sans-serif; text-transform: uppercase; } h4{ font: bold 14px Arial, Helvetica, sans-serif; color: black; text-align: right; background-color:#4788C1; } li{ display: inline; margin: 0 5px; } li a{ font: bolder 12px "MS Sans Serif", Geneva, sans-serif; text-decoration: none; color: #ffffff; word-spacing: 4px; line-height: 20px; } .none{ display: none; } #content{ width: 603px; border-left: 5px solid #6c7485; border-right: 5px solid #6c7485; margin: 0 auto; padding: 0px 0px 0px; background: #6c7485 url(./img/spacer.gif) repeat-y 205px top; } /*#content{ background: #6c7485 url(./img/spacer.gif) repeat-y 237px top; } */ #left{ width: 180px; float: left; padding: 0 0px 0 14px; position: relative; background-color: #6c7485; } #right{ width: 310px; float: right; padding: 0 60px 0 11px; margin-top: 0px; } #left p, #right p{ color: #ececec; font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify; } /*for pictures and news*/ #edit{ color: #fff; font-family: Verdana, sans-serif; margin: 30px 0 0 16px; float: left; } #copyright{ width: 603px; height: 19px; background: url(./img/copyright.jpg) no-repeat bottom; clear: both; position: relative; bottom: -20px; } #copyright p{ background: url(./img/mies.gif); width: 106px; height: 258px; position: absolute; top: -238px; right: 542px; } #copyright p a{ display: block; width: 285px; height: 19px; background: url(copyright.jpg); position: absolute; top: 238px; left: 205px; } </style>

Огромное спасибо ребят! Все нашел, все сделал... Очень помогли.

Спасибо... постараюсь найти тему про фильтр.

Проблема в Интернет Эксплоере 6й версии... http://nemtchinoff.com/taxarisite/ ... тема такова что в Опере, Мозиле и 7м ослике все нормально. А в 6м творятся нехорошие чудеса... Подскажите люди добрые как это исправить? Заранее премного благодарен. @charset "utf-8"; *{ margin: 0; padding: 0; } html{ background: url(./img/pattern.jpg) repeat center top; } body{ padding: 0px 0 0 0; min-width: 660px; align: right; } /*flash head holder*/ #flashcontent { position: relative; left:0px; top: 0px; width:613px; height:358px; margin: 0 auto; padding: 0; z-index:1; } #content { background: #6c7485; width:613px; height:358px; margin: 0 auto; h2{ font: bold 12px Arial, Helvetica, sans-serif; text-transform: uppercase; height: 30px; padding: 8px 0 0 1px; } li a{ font: bolder 12px "MS Sans Serif", Geneva, sans-serif; text-decoration: none; color: #ffffff; word-spacing: 4px; line-height: 20px; } #kieli{ background: url(./img/flags.png); width: 30px; height: 75px; position:fixed; top: 0px; left: 0px; margin: 0 auto; padding: 0; } .none{ display: none; } #shell{ width: 603px; border-left: 5px solid #6c7485; border-right: 5px solid #6c7485; margin: 0 auto; padding: 0px 0px 0px; } #content{ background: #6c7485 url(./img/spacer.gif) repeat-y 237px top; } #right{ width: 297px; float: right; padding: 0 40px 0 11px; margin-top: -30px; } #left p, #right p{ color: #ececec; font: lighter 12px Verdana, Geneva, Arial, Helvetica, sans-serif; padding-bottom: 15px; word-spacing: 5px; } /*for pictures and news*/ #edit{ color: #fff; font-family: Verdana, sans-serif; margin: 30px 0 0 16px; float: left; } #copyright{ width: 603px; height: 19px; background: url(./img/copyright.jpg) no-repeat bottom; clear: both; position: relative; bottom: -20px; } #copyright p{ background: url(./img/mies.png); width: 106px; height: 258px; position: absolute; top: -238px; right: 542px; } #copyright p a{ display: block; width: 285px; height: 19px; background: url(copyright.jpg); position: absolute; top: 238px; left: 205px; } </style>