Electron

А скриптом примерно так: <a href="" onmouseout="document.getElementById('sitemap').src='images/sitemap-a.png'" onmouseover="document.getElementById('sitemap').src='images/sitemap-h.png'">...</a>

Если бы это работало через "relative" Но в таком случае не вариант, потому что родительская таблица тоже будет динамической, и в зависимости от неё блок "left" должен тоже двигаться

Павел Анисимов, может у вас просто маленькое разрешение экрана? =/

Noodles, да я так и сделал, ещё вчера... Просто хотелось узнать как это можно реализовать средствами CSS

Вы просто придираетесь к словам, всё было вполне понятно и адекватно. Когда речь шла о ширине? Не вариант, иногда "left" будет длиннее (выше), а иногда "bottom" (см. картинку)

background-position:center?

Вертикаль и горизонталь, длина и ширина, высота и... низина?! Мне не нужны колонки одинаковой высоты, мне нужно одну колонку растянуть на всю длину высоту таблицы... Если Вам легко из этой статьи исчерпать смысл, то не значит что легко всем... Не зря же я в раздел "для начинающих" написал? Дольше код для темы переписывал и скриншот делал, чесслово

Здравствуйте! Не поможете с глупостью, а то что-то застопорился Имеется это: <style type="text/css"> #head { border: 1px solid; margin: 10px; } #left { float: left; width: 200px; border: 1px solid; margin: 10px; } #right { float: right; width: 400px; border: 1px solid; margin: 10px; } #top { border: 1px solid; margin: 10px; } #bottom { border: 1px solid; margin: 10px; } </style> <table border="1" align="center" height="100%" cellspacing="0" cellpadding="10"> <tr> <td> <table border="1" align="center" cellspacing="0" cellpadding="0"> <tr> <td> <div id="head">head</div> <div id="left">left</div> <div id="right"> <div id="top">top</div> <div id="bottom">bottom<br/><br/><br/></div> </div> </td> </tr> </table> </td> </tr> </table> Нужно, чтобы дочерний див (left) растягивался на всю длину (height) родителя (table), независимо от контента