Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   "резиновые" округленые блоки (https://javascript.ru/forum/xhtml-html-css/4762-rezinovye-okruglenye-bloki.html)

cuberboy 28.08.2009 12:19

:thanks:

cuberboy 29.08.2009 11:17

<table border=1 width=100%  cellspacing="0" cellpadding="0" align=left height=100%>
<tr  height=1%>
<td height=1%><img src="../kar/fon1.gif" border=0></td>
<td style="background:#CCCCCC;" rowspan=0 width=10000%>fgh



<a href=/foto/48.jpg target="about">
fghfghfh
<img src=../fotosize.php?ris=48 height=250px></a>
</td>



<td><img src="../kar/fon2.gif">
</td></tr>
<tr><td style="background:#CCCCCC;" heigth=1000%>&nbsp;</td>
<td style="background:#CCCCCC;">&nbsp;</td></tr>

<tr><td height=1><img src="../kar/fon3.gif"></td>
<td><img src="../kar/fon4.gif"></td></tr>

</table>

когда рисунок есть дизайн уезжает..проблема в роуспан и только в ИЕ

cuberboy 29.08.2009 11:25

решил проблему через атрибут valign.

cuberboy 29.08.2009 11:39

нет не решил 8 ( ХЕЛП!:cray:

Tim 29.08.2009 20:55

<div id="container">
	<div id="left"><img src="../kar/fon1.gif"></div>
	<div id="right"><img src="../kar/fon2.gif"></div>
	<div id="content">Контент</div>
</div>


<style type="text/css">

	#container {
		height: 100%;
		background: #cccccc;
	}

	#left {
		height: 100%;
		float: left; /* Выравниваем элемент влево, другие 
						элементы будут обтекать его с правой стороны */
		background: url('../kar/fon3.gif') no-repeat left bottom;
	}

	#right {
		height: 100%;
		float: right; /* Выравниваем элемент вправо, другие 
						элементы будут обтекать его с левой стороны */
		background: url('../kar/fon4.gif') no-repeat left bottom;
	}

	/* Внутренние поля для контейнера с содержимым */
	#content {
		padding: 10px 50px 10px 50px; /* Верхнее, правое, нижнее, левое */
	}

</style>


Внимание полезная книга:

http://www.kodges.ru/17128-mastreska...nenie-web.html

cuberboy 29.08.2009 21:56

нижние округления не видно 8( и делал это потому что есть момент когда вставляются две картинки что называется "от и до " (от верха до низа вплотную) поэтом отступов сверху и низу не должно быть.

Tim 29.08.2009 22:19

Цитата:

поэтом отступов сверху и низу не должно быть.
не проблема

/* Внутренние поля для контейнера с содержимым */
    #content {
        padding: 10px 50px 10px 50px; /* Верхнее, правое, нижнее, левое */
    }


вот это удалите

Цитата:

нижние округления не видно 8(
У меня всё ок. Возможно это из-зи каких то стилей или html-элементов которые есть только у вас.

cuberboy 30.08.2009 10:11

тестировал в ИЕ просто скопировал ваш текст..

Tim 30.08.2009 10:36

странно, у меня всё работает

cuberboy 30.08.2009 14:25

там картинки в принципе нет 8 (


Часовой пояс GMT +3, время: 16:18.