Нигде не слышал, чтобы стандарты запрещали использование таблиц. Дивы и таблицы соперничают между собой только как способы верстки документов, и для Xhtml естественно логичнее использовать блочную верстку, но тем не менее таблицы никто не запрещал, просто с дивами все стандарты соблюсти проще. А таблицы использовать по их прямому назначению, или там, где дивы никак не справляются со своей задачей.
Help! Задаца - что бы фон таблицы (которая в дальнейшем в зависимости от наполнения будет менять свою высоту) должна иметь background - gradient. Как это сделать с использованием css? Помогите пожалуйста! Полоска с картинкой не выход, т.к. фиг знает до какой длины она будет открываться вниз.
2PEPSICOLA как вариант сделать следующее: Code: .my_gradient { background: #fff url(images/gradientbg.gif) repeat-x; } Где #fff - конечный цвет градиента (который снизу), gradientbg.gif - вертикальная полоска с градиентом. При этом вверху твоей колонки будет желаемый градиент. При растяжении в ширину ничего не изменится, т.к. благодаря repeat-x картинка будет повторяться в горизонтальной плоскости. А при растяжении в высоту градиент останется вверху, а ниже будет его продолжение одним цветом. При этом, делая полоску с фоном шириной пикселей в 5, ты можешь сделать ее достаточно высокой, чтобы растяжения, польше чем высота фона не происходило, при этом картинка будет весить порядка 2кБ. Выходить из положения, задавая фиксированную высоту (height: 300px) не правильно, т.к. в той же Опере при переполнении колонка останется того размера, который ты задал, а текст с нее вылезет.
Немогу заставить div фиксироваться в IE. жареный лис, мазила и опера нормально отображают, а IE поритит вид
Добавь вверху страницы PHP: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd"> и Code: position: fixed; top: ..px; left: ..px; .. - замени нужными значениями
позиционирование При использовании абсолютного позиционирования в играх одно изображение наслаивается на другое. Т.е. персонаж игры может пройти сквозь стену(другую картинку). Без абсолютного позиционирования как я понял, не обайтись. Как же решать данную проблему?
rm24, ну так сделай "абсолютное позиционирование", проблема в том что не знаешь как? или сделай отдельные картинки, которые бы устраивали.
2rm24 Просчитывай это тем, чем двигаешь персонажа (JavaScript, php, etc.). А если ты надеешься, что браузер будет тебе кричать "Стоять! Стенка!", то это не сюда)
◄Berkut http://www.w3.org/TR/CSS21/visuren.html#absolute-positioning Helios Я подумал что может быть есть свойство не позволяющее наслаеватся слоям на картинки.
вот фигня тут выходит. в ИЕ выглядит так как надо: но в ФФ и опере выглядит не так как надо, код HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>...</title> <style type='text/css'> .logo{ background-color: black; widht: 100%; height: 100px; } .menuline{ background-color: #235529; color: white; width: 100%; height: 20px; margin: -2px 0px 0px 0px; } img{ border:0; } </style> </head> <body> <div class="logo"> <a href="index.php"><img src="img/logo_start.gif" width="350" height="100" alt="Logo: Start" /></a> </div> <div class="menuline"> </div> </body> </html> как сделать чтобы было в ФФ нормально?
во-первых: не widht, а width. Во вторых: имхо легче сделать так: PHP: <style> a img { border: none 0px; } .menuline { height: 100px; vertical-align: bottom; background-color: #235529; margin: 0px 0px 0px 0px; color: #fff; position: absolute; bottom: 0px; white-space: nowrap; } .logo { float: left; } </style> <div style="height: 300px;"> <div class="logo"> <a href="#"><img src="logo_start.gif" ... /></a> </div> <div class="menuline"> ..::menu::.. </div> </div> Параметром width в CSS играться не стоит, т.к. в Standarts mode (а xhtml 1.0 strict к относится к нему) он носит не рекомендательный, а строгий характер(как написано, так и будет при любых обстоятельствах), и задает значение в процентах от высоты(!) экрана. div по умолчанию заполняет всю доступную ему ширину, поэтому параметр width в данном случае ему не нужен и подавно. white-space: nowrap не даст твоему меню расползаться на две и больше строк. З.Ы. Ногами, если не правильно понял, что ты хотел, не пинать.
посмотри на код - один див в другом. "Наезд" имхо очевиден ЗЫ: а нолевой margin для кроссбраузерости: див занимает столько места, сколько может занять
