shaci

да, это надо посмотреть будет спасибо за пример, в хроме правда не работает

эмулировать я и на чистом js могу, и на jquery, и на его аналоге для мобильных устройств - минимализированной библиотеке zepto который сейчас использую для создания приложения , но пока цель - использовать как можно меньше javascripta, да и вообще хотелось тупо селект использовать, но похоже, что без дивов(или каких-нибудь других элементов, блочный спанов (display:block) В общем чего-угодно) ничего не получится, да? приложение - мобильный сайт, и грузить ему всю библиотеку jquery нафиг надо, зепто решили подгружать - это 8 кб javascriptа, хотя я и без него мог бы свою библиотечку написать, но так будет проще, все-таки уже не такие объемы кода, и jquery-подобный api

Можно как-то через css определить высоту option в select хотя бы для вебкит браузеров? (Chrome, Safari) Или только эмулировать селект на дивах в этом случае?

Сделал простую табличку , в свойствах поставил width = 100% Заполнил несколько строк Но возникает проблема, если в ячейку записываю слишком длинный текст. то при разрешении экрана 320 х 480 уменьшается размер таблицы всей.(и размер этого текста уменьшается, но он вроде засовывается весь), как лучше сделать так, чтобы табличка не уменьшалась.

Разобрался, всё таки это было вываливание марджина

Еще вопрос возник, указал например width:300px и height:300px родителю; и диву с id = header height:20%, Т.Е. вот так: <div id = "conteiner" style = "height:300px; width:300px"> <div id = "header" style = "height:20%"><h1>Header content</h1></div> <div id = "content" style = "height:80%"><span>This is a main Content</span></div> </div> но у верхнего вложенного дива высота в данном случае получается меньше высоты заголовка(h1), который его дочерний элемент, (из-за margin, по крайней мере в FF это наблюдаю) + очень важно, родительскому диву даю margin-top, может здесь какое-нибуть схлопывание/вываливание (http://softwaremaniacs.org/blog/2005/09/05/css-layout-flow-margins/) marginов проявляется UPD: схлопывания не наблюдаю(воззможно только в IE, там происходит вываливание h1 за пределы родителя , а в FF margin-top h1 приводит к тому, что заголовок отстает от верхней границы главного дива)

да, я понял, я как раз так и думал, что по кругу получается идем, но вдруг

Добрый день, возник такой вопрос, есть например такая верстка <div id = "container"> <div id = "header" >Header here</div> <div id = "content">CONTENT CONTENT CONTENT</div> </div> Если указать высоту для container например 50%, или 500 px то указание высоты для дива с id=header в 20 или, например 50% будет менять высоту этого дочернего дива, т.к. она будет считаться относительно родителя. Но если не указать высоту родителя, то высота в дочернем диве будет вычисляться по своему контенту. Возможно ли как то не указывать высоту родительскому диву, но чтобы при этом указание высоты в 20% у дочернего дива действительно давало 20%. Т.е. такая "изващенная" логика: родительский див растягивается по своему контенту в высоту (а это 2 дива дочерних, высота которых если не указана - вычисляется по контенту, если указана явно - то задается явно (например 50px)), и затем (предположим, что у дочернего дива header - 20%) происходит расчет высоты этого дива от получившейся высоты родителя, вот так.