nickflip

с указанием ширины теперь работает. спасибо.

почему-то не получилось.. весь код сюда кидать не хочу, пожалею ваши нервы ) если не сложно, то посмотрите, пожалуйста.. первый тег после боди. http://www.sharemania.ru/0146800

<div align="center"> код всей стр.. </div> строгий тип документа. ему не нравится алигн центр. чем можно заменить ?

думаю лишним не будет ) опа ) http://jigsaw.w3.org/css-validator/validat...g=1〈=en и опа ) http://validator.w3.org/check?uri=http%3A%...ine&group=0

rash : вопрос стоял, не "как проще" )

разве только так ? ) а всякие события онфокус в жс и тд.. ? )

не обратил на регистр внимания, спешил... забыл, что жс чувствителен к таким вещам.. спасибо )

я хочу в событии онлоад документа, задать кое-какому блоку(<div id="tl"></div>) задать высоту. для начала я хочу эту высоту просто вывести в титле документа на событие онклик блока <div id="tl"></div>, у которого стоит хеит 100пх, чтобы хоть посомтреть, что что-то выводится.. попробовал offsetheight, но в титле пишет undefined..

что-то вроде такого, onclick="java script: document.title=document.getElementById('table_id').style.height;" но в титле ничего не выводится, а если точнее, то выводится ничего ) напр пользователь захочет добавить данные в табл.. копирует эти тд и тр и меняет данные, высота табл увеличивается, табл растягивается. вот мне и нужно получить то значение, на которое табл растянулась, в пикселях.

Whatsup : ничего не изменилось..

а еще можно сделать так ) margin: 37px 21px; вместо всех твоих марджинов ) а по поводу проблемы, дак просто удали height. #movie { position: relative; border: 15px solid red; margin: 37px 21px; } <div id="movie"> много много текста ) </div>

я упростил твой код.. суть осталась та же. убрал только всякие шрифты выравнивания и цвет текста. .over { border: 1px solid #fff; text-align: center; width: 570px; } .in1 { border-right: 1px solid #fff; background: #dce5ec; } .in2 { border-right: 1px solid #fff; background: #cecece; } .in3 { border-right: 1px solid #fff; background: #0C70DF; color: #FFF; } td{ color: #3a3a3a; } table { border-spacing: 0; border-collapse: collapse; border: 0; color: #3a3a3a; } для <table cellspacing="0" cellpadding="0" align="center" class="over" > <tr><td class="in3">наименования</td><td class="in3">цена руб/шт</td><td class="in3">габариты мм</td><td class="in3">вес, т</td></tr> <tr><td class="in2">ПДГ 60х20 (6х2) Н30</td><td class="in2">17 900р.</td><td class="in2">6000х2000х140</td><td class="in2">4.2</td></tr> <tr><td class="in1">2П30-20.30 (3х2) Н30</td><td class="in1">9 150р.</td><td class="in1">3000х2000х160</td><td class="in1">2.4</td></tr> <tr><td class="in2">2П30-20.30 (3х2) Н30</td><td class="in2">10 300р.</td><td class="in2">3000х2000х180</td><td class="in2">2.7</td></tr> <tr><td class="in1">2П30-18.30 (3х1,75) Н30</td><td class="in1">6 700р.</td><td class="in1">3000х1750х170</td><td class="in1">2.2</td></tr> <tr><td class="in2">2П30-18.30 (3х1,75) Н10</td><td class="in2">6 500р.</td><td class="in2">3000х1750х160</td><td class="in2">2.1</td></tr> <tr><td class="in1">1П30-15.30 (3х1,5) Н30</td><td class="in1">7 450р.</td><td class="in1">3000х1500х180</td><td class="in1">2</td></tr> <tr><td class="in2">ПДП 3х1,5 Н30</td><td class="in2">6 600р.</td><td class="in2">3000х2000х160</td><td class="in2">1.8</td></tr> <tr><td class="in1">ПДП 3х1,2 Н30</td><td class="in1">5 200р.</td><td class="in1">3000х1200х160</td><td class="in1">1.4</td></tr> </table> вопрос в том, как в этой таблице убрать правый и верхний бордер ?

Whatsup : я так и начал делать. для всей таблицы задал бодрер-коллапс: коллапс а у крайних начал бордерам ненужным приписывать 0пх. #cost{ background: url('ftop.png') no-repeat #eaebef; border-left: 0px; border-right: 0px; } <td id="cost" >Цена</td> тут некоторые бордеры не хотят становиться нулевыми. напр хочу, чтобы тут был бордер-топ 0пх(для id="cost"), задаю, нифига. мне кажется, что бордер-топом тут не получится.. да и вообще хотел бы узнать, как можно сделать такую таблицу растягивающейся чтобы текст "если вы заказ домен...", находящийся ниже табл тоже растяшивался + обратите внимание на общ фон стр. он не одного тона так, что с этим надо тоже как-то "резиновую таблицу" совместить. а то табл то поедет вниз, но бг по сторонам от этой табл будет просто серым цветом и поля справа и слева разорвутся.

на странице должна быть такая же табличка, как на этой картинке http://img.sknt.ru/2501/f91ecee8c9.jpg подскажите пожалуйста, как ее можно сделать ? я много чего перепробовал, но к результату так и не пришел. проблемы в этих бордер топах райтах лефтах и боттомах ) то они отображаются, то нет, хотя ширина 0px. вот пока, что есть: http://www.sharemania.ru/0150914

Scrum : http://www.sharemania.ru/0201366 верстайте на здоровье )

s0rr0w : без кода каляки-маляки overflow: hidden; в id="content" ничего не менял. дак я так и не понял, каким образом свойство "overflow: hidden;" блока id="content" сделало так, что теперь в этот блок влезает все и полноценно. ведь даже если просто перевести это свойство на русский язык, то "при переполнении блока то, что вышло за его пределы - скрыть".

не понял.. и где мне надо было применить этот хидден ? в id="content" ?

О, женщина, проси чего хочешь ) благодарю за помощь в решении проблемы. если не сложно, то объясни что ты сделала ? свойства цсс я видел. понятнее будет, если ты напишешь словами. дядька s0rr0w: ваша рекомендация, чтобы я ртфм, не пройдет мимо ) можно было бы и оставить решение моей проблемы на этом, но я же хочу понять, почему контейнер <div id="content"></div> до того, как каляка-маляка добавила некоторый код, не растягивался под содержимое. теперь некоторая часть все таки "залезла" в <div id="content">, но не вся. вот для наглядности. код 100% такой, как предложила каляка-маляка. только часть которая выше "Свежие новости" входит в <div id="content"> полноценно, а то, что ниже "Свежих новостей", нет. #content{ width: 1004px; background: url('foncont.png') no-repeat; border: 10px solid red; } http://img.sknt.ru/2501/004681bc74.jpg

буду вам очень признателен, если поможете разобраться.. http://www.sharemania.ru/0197185

s0rr0w: как раз таки об этом то я и подумал. и долго думал, почему рамка пустая, но к результату так и не пришел ( каляка-маляка : ну как бы вам сказать в чем проблема ) так, как на этой картинке НЕ должно быть. это неправильно и это есть проблема ) http://img.sknt.ru/2501/53be097416.jpg

каляка-маляка : сделал все, как вы написали.. http://img.sknt.ru/2501/2bbee3bc15.jpg

Searcher : "Изучайте свойства и их отображение в разных броузерах." спасибо, надо будет как-нибудь попробовать ) Searcher : "Если вы отсюда уберете height то блок автоматом будет растягиваться по содержимому" по содержимому, но не по background же. s0rr0w: "Копать в сторону float. Контейнер <div id="content"> пуст, хотя в коде и находятся какие-то теги." хм, про флоат покапаю.. я когда рамку делал вокруг <div id="content">, тоже заметил, что в фф рамка пуста, пока ей не задать конкретное значение height.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title> greenzona </title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" href=".css" type="text/css" /> <script type="text/javascript" src=".js"></script /> <style> html{ height: 100%; } body{ margin: 0px; padding: 0px; border: 0px; background: rgb(231,231,231); height:auto !important; height:100%; min-height:100%; } #content{ width: 1004px; height: 65%; border: 3px solid red; background: url('foncont.png') no-repeat; } #leftcontent{ float: left; display: inline; width: 245px; height: auto; border: 0px solid blue; } #centercontent{ float: left; display: inline; width: 510px; height: auto; border: 0px solid blue; } #rightcontent{ float: left; display: inline; width: 240px; height: auto; border: 0px solid blue; } #bottomcont{ width: 1004px; height: 260px; border: 2px solid blue; background: url('nizfon.png') no-repeat; } #conttext{ text-align: left; font-family: "Tahoma", arial, sana-serif; font-color: rgb(255,255,255); font-size: 11px; padding-left: 20px; margin-top: 0px; padding-right: 60px; line-height: 17px; } #news{ float: left; border: 2px solid black; width: 755px; height: auto; margin-top: -80px; } #freshnews{ font-family: "Tahoma", arial, sana-serif; font-size: 18px; border: 0px; margin: 0px; padding: 0px; margin-top: 43px; margin-left: 95px; } #newstext{ float: right; font-family: "Tahoma", arial, sana-serif; font-size: 11px; text-align: left; line-height: 17px; margin-left: 260px; } #freshnewsbg{ float: left; display: inline; border: 0px solid black; width: 240px; height: 79px; background: url('listiknews.png') no-repeat; margin-left: 155px; } #des{ float: left; display: inline; font-family: "Tahoma", arial, sana-serif; font-size: 11px; text-align: left; margin-left: 60px; margin-top: 20px; } </style> </head> <body> <body> <center> <!-- навигация --> <!-- еще одна --> <!-- содержание страницы --> <div id="content"> <div id="leftcontent"> <br /> <p class="svyaz"><b>Клиентская служба:</b><br /> Тел.:(495)544-55-66<br /> Факс:(495)514-09-57<br /> E-Mail: <a href=# class="green">hosting@hc.ru</a> </div> <div id="centercontent"> <p id="conttext"><font id="oktext">О компании</font><br /><br /> Двенадцатый год для компании ознаменован рядом серьезных перемен, направленных на принципиальн новый уровень предоставления услуг. Оптимизированые в бизнесе и не имеющие аналогов на рынке сервисы. Для оказания услуг физического хостинга реалиизован инновационный проект Telehouse Caravan, высокотехнологичная площадка для размещения ИТ-инфраструктуры заказчика. </p> <button id="gorazdel1"><p id="but1text">Перейти в раздел</p></button> </div> <div id="rightcontent"> <br /> <a href=# id="zakaz"> </a><br /> <a href=# id="faq"> </a><br /> </div> <div id="news"> <div id="freshnewsbg"><p id="freshnews">Свежие новости</p></div><br /> текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст <button id="gorazdel2"><p id="but2text">Перейти в раздел</p></button> </div> </div> <div id="bottomcont"> <div id="navigtextniz"> <a href=# class="topnavig">О компании</a> <a href=# class="topnavig">Хостинг</a> <a href=# class="topnavig">Серверы</a> <a href=# class="topnavig">Домены</a> <a href=# class="topnavig">Новости</a> <a href=# class="topnavig">Документация</a> <a href=# class="topnavig">FAQ</a> <a href=# class="topnavig">Заказ</a> <a href=# class="topnavig">Контакты</a> <input id="inpniz" /> <span style="margin-left: 15px;" /> <a href=# class="green">Найти</a> </div> <div id="des"> © 1996-2008, Grunezone.<br />Дизайн сайта — <a href=# class="green">какой-то олень.com</a> </div> </div> </center> </body> </html> урезал как мог, боялся суть потерять.. вот для наглядности.. http://img.sknt.ru/2501/ab1d84567b.png

в фф текст нагло вылезает снизу блока и ползет прям по всем элементам.. ) в ие 6 все норм. оверфлову хидден не катит, потому, что я считаю глупо скрывать часть контента, и полосы прокрутки тоже не катят, не сочетается с дизайном сайта. хочется, чтобы было как в ие 6, добавляешь текст, и блок автоматически расширяется, сдвигая футер ниже и текст не вылезает.