Foxter
-
Posts
8 -
Joined
-
Last visited
Foxter's Achievements
Explorer (1/14)
0
Reputation
-
Благодарю.
-
Сделал таблицу с двумя ячейками (с неустановленной величиной высоты и ширины), в левой ячейке - картинка, в правой - текстовый контент. Проблема в том, что в ячейке с картинкой, под изображением почему-то всегда остаётся свободное пространство примерно в пять пикселей). Сначала думал что у картинки прозрачная полоса внизу, но оказалось что это не так. От чего так получается? Код: <!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <head> </head> <style type="text/css"> td { padding: 0px; vertical-align: top; border: 1px solid black; } </style> <body> <table> <tr> <td> <img src="01.jpg"> </td> <td> Универсальное свойство border позволяет одновременно установить толщину, стиль и цвет границы вокруг элемента. </td> </tr> </table> </body> </html>
-
Вот меня и смутило, что при указании свойства overflow, правый блок, который должен начинаться от левой стороны экрана и быть частично перекрыт первым слоем, стал отображаться будто бы он тоже с "float: left": левая кромка слоя стала начинаться не от левой стороны экрана а от правой стороны первого, плавающего слоя (извиняюсь за тавтологию), что в общем-то прекрасно видно тут. Магия какая-то.
-
Блин, всё равно не понимаю почему в данному случае нужно свойство overflow, если оно "управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров", но у моего div'а ведь не указаны размеры, он резиновый. И вообще, почему данное свойство не позволяет браузеру размещать текст под первым слоем? Не понимаю логики. Наверное я уже надоел своими вопросами, но мне просто хочется самому разобраться в этом, а не просто тупо следовать чужим подсказкам.
-
я повторю, очистите обтекание правого блока через overflow:hidden и все будет нормально UPD: http://jsfiddle.net/6Up4L/4/ вуаля Огромное спасибо!
-
Правый div не должен иметь фиксированную величину, он должен растягиваться, в зависимости от количества контента в нём. Мудрёная задача, ага.
-
Но в таком случае, при переполнение второго блока, текст будет заполнять пространство и под первых блоком, а мне не нужно чтобы этого происходило, мне нужно чтобы под красным прямоугольником всегда было пусто.
-
Помогите реализовать следующее. Есть два div'а всплывающих влево, у левого дива фиксированная ширина и высота, правый div растягивается в зависимости о количества текста в нём. Я реализовал это так: HTML: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> <title> Test Page </title> </head> <body> <div class="firstbox"> </div> <div class="secondbox"> ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ </div> </body> </html> CSS: .firstbox { float: left; width: 300px; height: 400px; background-color: #800000; } .secondbox { float: left; background-color: orange; } Проблема в том, что когда первая строка текста начинает упираться в правую сторону экрана, вместо того чтобы начать отображать текст в следующей строке, второй div (содержащий текст) перескакивает под первый. Как сделать чтобы это не происходило и второй слой оставался на месте?