Tehaxor
10-23-2006, 03:53 PM
Question 1:
There is two boxes side by side, and I type something to the box at the right side until it stretches. Is there a way to get the empty box at the left side to stretch along with the box at right side?
Here's an example:
http://divlayout.cjb.net
Source code:
<html>
<head>
<title>
asd
</title>
<style type="text/css">
div#box {
width:150px;
height:250px;
border:1px solid #000;
float:left;
border-right:0px;
}
div#box2 {
width:150px;
border:1px solid #000;
float:left;
}
</style>
<body>
<div align="center">
<div id="box">
</div>
<div id="box2">
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
</div>
</div>
</body>
</html>
Question 2:
If I center something at the top of the page, it will always leave an empty space between the top of the page and the object. How could I remove the empty space?
There is two boxes side by side, and I type something to the box at the right side until it stretches. Is there a way to get the empty box at the left side to stretch along with the box at right side?
Here's an example:
http://divlayout.cjb.net
Source code:
<html>
<head>
<title>
asd
</title>
<style type="text/css">
div#box {
width:150px;
height:250px;
border:1px solid #000;
float:left;
border-right:0px;
}
div#box2 {
width:150px;
border:1px solid #000;
float:left;
}
</style>
<body>
<div align="center">
<div id="box">
</div>
<div id="box2">
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
Text text text text text<br>
</div>
</div>
</body>
</html>
Question 2:
If I center something at the top of the page, it will always leave an empty space between the top of the page and the object. How could I remove the empty space?