Здравствуйте! Надеюсь, что разделом не ошиблась. Извините за чайниковский вопрос, но не получается выравнять слои - наверное что-то неправильно понимаю. Есть ячейка таблицы, в которую нужно поместить многослойную резиновую шапку (фон из body, все остальные картинки с прозрачным фоном) высотой 288px: Слой 1: .head2 – здесь лежит картинка 1024 Х 288, выравненная по левому краю , на ней сверху Н1 Слой 2: .head3 – это картинка «правого нижнего угла» - я ее сделала тоже высотой 288, но она приблизительно половину высоты занимает эти 2 слоя нормально легли и нормально «резинятся» друг относительно друга. Слой 3: .head4 - на слой 2 нужно наложить логотип, поместить его фоном нельзя, т.к. он меняется (а может можно?) Вот проблема именно с логотипом – он выравнивается по правому краю, но не могу выравнять его по высоте – в том коде, что прилагаю он находится в том месте, где нужно, но код сильно некрасивый с этими переводами строки – хочется в стилях это сделать. В стилях отсюда все убрала, т.к. толку никакого нет: вставляла и vertical-align, padding, margin-top - все, на что фантазии хватило. Наверное, из-за недостатка опыта не чувствую каких-то нюансов Слой 4: текст <?php echo $text; ?> Его нужно расположить между логотипом и фрагментом (на фиксированном расстоянии от левого края) картинки слоя 1 и прижать к нижнему краю, так, чтобы он переносился с учетом размера экрана – т.е. у него фиксированное расстояние от правого и левого краев, но переменная длина и высота. - здесь вообще не представляю, как это сделать А может вообще у меня неправильный подход к вопросу? Ссылку дать не могу – на Денвере его мучаю, и уже столько перебрала вариантов, что совсем запуталась - логотип все равно стоит в правом верхнем углу. Прилагаю кусок кода (текущее состояние, так сказать), где заполняется ячейка, и CSS: <body><table border="1"><tr><td><table cellspacing="1"><tr><td colspan="2" class="head2"> <div><h1><?php echo $h1 ?></h1></div> <div class="head3"> <div class="head4"><br /><br /><br /><br /><br /><br /><br /><br /><?php echo '<img src="'.$binfo.'/'.$name.'-'.$idl.'.gif" title="Сайт о косметике" alt="Сайт про косметику" width="116" height="116" border="0" onclick="window.location.href=fpage" />'; ?></div></div> <div class="head4"><?php echo $text; ?></div> </td></tr> body { margin:6px 6px 6px 6px; background:#4b1d18; color:#FFFFFF; font-size: 13px; line-height:11px; font-family: verdana,lucida,tahoma,arial; text-align:center; min-width:900px; } .head2 { background:#4b1d18 url(/wp-content/themes/fluid-blue/girls.png) no-repeat top left; font-family: tahoma,arial,verdana,lucida; font-weight:bold; font-size:12px; line-height:18px; text-align:right; padding: 3px 0px 2px 8px; width:100%; height:288px; } .head3 { background: url(/wp-content/themes/fluid-blue/rb244.png) no-repeat top right; font-family: tahoma,arial,verdana,lucida; font-weight:bold; font-size:12px; line-height:18px; text-align:right; margin-top: -21px; margin-right:10; width:100%; height:288px; } .head4 { align:right; } table { width:100%; } tr { height:18px; vertical-align:top; } td { vertical-align:top; } Заранее спасибо!
