Проблем с таблици

Fr33style

Registered
Имам две таблици една над друга. Искам да попитам как ще стане когато в горната таблица текста се увеличава, долната таблица да слиза надолу, а не да се препокриват :)

+1
 
НЕ е логично да се препокриват!ДАли не се ги сложил в DIV-вое, и от там тиидва проблема?
 
Сега ,едно решение е да не задаваш височина на DIV-на , в който се намира най-горната таблица!ПО този начин тя ще е "плаваща".ЗАедно с таблицата, ще расте и дива на височина!Така,това е едното.
Следва да позиционираш долния див спрямо горния, така че и колкото да разте горния, долния да е винаги на точно определено разтояние от горния(горния един вид да избутва долния)
 
emagi каза:
Следва да позиционираш долния див спрямо горния, така че и колкото да разте горния, долния да е винаги на точно определено разтояние от горния(горния един вид да избутва долния)

Е това как ще стане? :)
 
Fr33style каза:
Е това как ще стане? :)

Сложи ги и двете в 1 див и вече си ги нагласи с маргин. Пък ако държиш на абсолютно позициониране ще се намеси javascript :twisted: :?:
 
Виж този пример:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<head>
<title></title>
<style type="text/css">
#table {
width:200px;
border:solid 1px red;
height:auto;
}
</style>
</head>
<body>
<div id="table">
<table border="1" cellpadding="0" cellspacing="0" width="200">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>

<td>fstjdrjeryj<br />sdfgsdfgsdfstjdrjeryj<br />sdfgsdfgsdfstjdrjeryj<br />sdfgsdfgsdfstjdrjeryj<br />sdfgsdfgsdfstjdrjeryj<br />sdfgsdfgsdfstjdrjeryj<br />sdfgsdfgsdfstjdrjeryj<br />sdfgsdfgsdfstjdrjeryj<br />sdfgsdfgsd</td>
<td> </td>
</tr>
</table>
<table border="1" cellpadding="0" cellspacing="0" width="200">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
</body>
</html>
Виж ,като добавяш символи в клеткатаот таблицата(това означено с червено), виж как се променя структората на таблицата и DIV-a
 

Back
Горе