| |
|
|
| | Пытаюсь сделать такую структуру сайта (см. в атаче) в Opere все блоки показываются нормально, а в IE и FF, последний блок сползает вниз. Как сделать чтоб в IE работа так же, как и в Opere.
Народ подскажите плиз!!!
Вот код файла
<html>
<head>
<title>
</title>
<style>
<!--
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
}
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
/* Стиль блоков в теле */
#b1 {}
#menu {margin:10px 5px 0 0; border:1px solid red;}
#menu p {padding:5px 0 0 0; margin:0; text-align:center;
background-color:#D4FFFF;
border:0}
#b2 {}
#project {margin:10px 0 0 0; border:1px solid red;}
#project div {padding:4px 0 4px 4px;}
#project p {padding:5px 0 0 0; margin:0; text-align:center;
background-color:#D4FFFF;
border:0}
#b3 {}
#ZapicDnevn {margin:10px 5px 0 0; border:1px solid red;}
#ZapicDnevn div {padding:4px;}
#ZapicDnevn p {padding:5px 0 0 0; margin:0; text-align:center;
background-color:#D4FFFF;
border:0}
-->
</style>
</head>
<body>
<table width="100%" border="1px">
<tr>
<td>
<!-- Меню -->
<table style="position:relative; float:left; width:15%; display:inline-table;" >
<tr>
<td>
<div id="menu" style="border:1px solid red; ">
<p>Меню</p>
<div>
<ul>
<li>Ссылка</li>
<li>Ссылка</li>
<li>Ссылка</li>
<li>Ссылка</li>
<li>Ссылка</li>
<li>Ссылка</li>
</ul>
</div>
</div>
</td>
</tr>
</table>
<!-- О проэкте -->
<table style="position:relative; float:center; width:45%; display:inline-table;">
<tr>
<td>
<div id="project" style="border:1px solid red; ">
<p>Не много о проэкте</p>
<div>
text text text text text
</div>
</div>
</td>
</tr>
<tr>
<td>
<div id="project" style="border:1px solid red; ">
<p>Не много о проэкте</p>
<div>
text text text text text
</div>
</div>
</td>
</tr>
</table>
<!-- Последние записи дневника -->
<table style="position:relative; float:right; width:35%; display:inline-table;">
<tr>
<td>
<div id="ZapicDnevn" style="border:1px solid red; ">
<p>Последние записи дневника</p>
<div>
text text text text text
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: spyder
(03.08.2006 в 14:26)
| | | а почему бы не запихнуть все это содержимое в простую таблицу с тремя колонками? тогда точно ничего разъезжаться не будет | |
| |
|
|
| |
|
|
| |
для: MadeInUSSR
(03.08.2006 в 15:16)
| | | <table style="position:relative; float:left; width:45%; display:inline-table;"> | |
| |
|
|
| |
|
|
| |
для: куч1963
(04.08.2006 в 06:51)
| | | это ты к чему написал? | |
| |
|
|
