htmlkin
-
Posts
15 -
Joined
-
Last visited
htmlkin's Achievements
Explorer (1/14)
0
Reputation
-
Послушайте, я Вам устал повторять что правая колонка тут не при чем. Проблема именно в ширине ЛЕВОЙ ДОЧЕРНЕЙ колонки, правую хоть до нуля уменьшай - толку никакого. Это раз, а во-вторых, я лишь прошу объяснить или хотя бы натолкнуть на мысль почему так происходит, но видимо я форумом ошибся.
-
Проблема, как я уже и говорил кроется в дочернем контейнере <div id="container"> - параметр width:670px Лечится это дело установкой свойства min-width больше 1000px для селектора body. Но так как на машинках с разрешением 1024px и меньше будет появляться горизонтальная полоса прокрутки, естественно такое лечение не годится. Уменьшение свойства width для дочернего контейнера также не выход, т.к. там 2 колонки вложенных и визуально будем выглядеть "тонко". Не могу понять почему так происходит, ведь ширина контейнера и сайдбара в скупе дает всего 920px...
-
Причина кроется в явно заданной ширине для дочернего контейнера левой колонки: #container { width:670px; float:right; position:relative; top:177px } Осталось найти способ как-то это поправить
-
Эм... так левая 65%, а правая 35%. Если я правую ещё больше уменьшу, то мне кажется, левая ещё сильнее скроется.
-
Огромное спасибо - кратко и понятно. А вообще, на Ваш взгляд, шаблон сверстан нормально или есть какие-то огрехи, замечания?
-
А вы до упора Ctrl++ прощелкайте
-
Увеличить ширину подвала на 30px? Нет, к сожалению, это не работает.
-
Если вы об этом То для того, чтобы шапку сайта (<div id="header">) спозиционировать - хотя наверно, можно было ограничиться и margin'ом Больше всего меня интересует вопрос - почему левая колонка уходит за форточку браузера и не образуется скролл. Может Вам лучше к священнику сходить? М? А то я смотрю столько всего на душе накипело
-
Омг.. ) Постарайся в этой ветке больше не писать - ок? Я такой бред вижу первый раз. Если в вопросе не компетентен - не флуди.
-
Очень хорошо, что у Вас на все есть своя точка зрения, но пока кроме флуда я ничего толкового и вразумительного не услышал. Поясните, чем Вас конкретно не устраивает данный код, в чем Вы видите его "уебланство" и какую альтернативу предлагаете.
-
Нет, не верно. Конструктивно шаблон построен следующим образом: <body> <div id="left"> <div id="container"> <div id="rightcol">Контент</div> <div id="leftcol">Левый сайдбар</div> </div> <div id="header">Шапка</div> </div> <div id="right"> <div id="sidebar">Правый сайдбар</div> <div id="footer">Подвал</div> </div> </body> Файл стилей: body { margin:0; color:#333333; font:80% Tahoma, sans-serif; background:url(i/fon.gif) 65% 0 repeat-y; } h1 {font-size:110%} h2 {font-size:100%} h3 {font-size:90%} a {color:#9a0000; text-decoration:underline;} a:hover {color:#9a0000; text-decoration:none;} #left, #right {padding:14px 0} #left { float:left; width:65%; position:relative; } #header { position:absolute; background:url(i/header.jpg) no-repeat right top; top:14px; right:0; height:163px; width:670px; } #header ul { margin-right:502px; list-style:none; margin:0; padding:0; } #header ul a { color:#246da7; font:140% Geneva, Arial, Helvetica, sans-serif; line-height:28px; text-decoration:none; } #header ul a:hover {border-bottom:1px dashed #246da7} .info { float:right; position:relative; width:502px; height:177px } .description { position:absolute; bottom:21px; left:16px; padding:3px; border:1px solid #a5aba4; background:#f8fbda; font:120% Geneva, Arial, Helvetica, sans-serif } .adress { position:absolute; top:41px; right:80px; font:100% Geneva, Arial, Helvetica, sans-serif; line-height:19px } .adress span {font-weight:bold} #container { width:670px; float:right; position:relative; top:177px } /*Левая колонка*/ #leftcol { float:left; width:158px; } #leftcol div {margin-bottom:10px;} #leftcol table { border:1px solid #50694f; border-collapse:collapse; color:#50694f; } #leftcol th, td { font-size:75%; padding:2px; text-align:left; border:1px solid #50694f } #leftcol h4 {margin:6px 0; font:bold 150% Arial, Helvetica, sans-serif} .articles {font-size:70%} .articles p {margin:2px 0} .more-link {text-decoration:none} /*Контент*/ #rightcol { float:right; width:470px; padding:0 21px; } #rightcol p { margin:0; margin-bottom:5px; line-height:18px } #rightcol li {list-style:square} #right { float:right; width:35%; } #sidebar { width:250px; } #service {margin-left:40px} #service a {color:#aadfa8; font-weight:bold} #service h4 { color:#fff; font:140% Geneva, Arial, Helvetica, sans-serif; margin:35px 0 5px 0 } #service div { padding:5px; color:#fff; font-size:90%; border:1px solid #6c6a6a; margin:10px 0 } #service div:hover { background:#425641 } #service p {margin:3px 0;} #footer { width:300px; margin-left:40px } #footer div {margin:8px 0} .copyright { color:#999999; font-size:80% } .counter img {margin-right:10px}
-
При увеличении масштаба или изменении разрешения (например, 1024 х 768) наблюдаю удручающую картинку во всех браузерах: левая колонка "уходит" за край окна браузера без скролла. Возможно это вызвано комбинацией резиновой и фиксированной составляющей верстки (звучит наверно глупо, но больше мыслей по этому поводу нет ) Тестовый адрес пациента: _http://alex.hhos.ru/test/ Помогите решить задачку P.S. Заказчик страдает seo - паранойей, поэтому не удивляйтесь что блоки расположены, мягко говоря, не на своих местах P.S.S. Буду благодарен за любую обоснованную критику стиля верстки Спасибо!
-
Огромное Вам спасибо. Помогло P.S. Я seo'шник по профессии. Сложновато все охватить разом
-
Есть общий контейнер, высота которого варьируется в зависимости от содержания дочерних блоков. Если этому общему контейнеру задать свойство border в css, то рамка не растягивается на высоту слоя как положено, а устанавливается так, как будто высота слоя всего 1 px. Примерный код: <div id="container"> <div id="sidebar"> </div> <div id="content"> </div> </div> Ну и скажем, вот такой файл стилей: #container {margin:0 auto; width:960px; border:1px solid red;} #sidebar, #content {float:left;} #sidebar {width:250px;} #content {width:710px;}
-
Если высота слоя явно не указана, граница слоя отображается в 1px. Либо по высоте дочернего слоя - если указана явно его ширина. IE отображает рамку корректно. Вопрос: как заставить FF правильно вычислять высоту слоя, чтобы при включении рамки слоя - все было красиво Вот такое: height: 100% или height: auto не прокатит