Menu
Community /Pin to ProfileBookmark
@NogDogJul 11.2006 — #You just need to "clear the floats". Add this to your style:
In your HTML:
Minimum height for div
Hello,
I have the code below, but I can’t create the border correctly if the text is not enough. I want the the block should be at least 100px height. If it is more than the border is correct else not.
How can I solve this?
[CODE]<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “DTD/xhtml1-transitional.dtd”>
<html>
<head>
<style type=”text/css”>
body {
background-color:#F1F3F5;
}
#container{
border: 1px solid #ccc;
background-color:#fdfdfd;
margin: auto;
width: 500px;
background-color:#fdfdfd;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
margin-top:10px;
}
#icon {
float:left;
width:143px;
height:100px;
font-size : 10px;
padding-left:5px;
padding-top:5px;
}
#text {
float:left;
width:340px;
border-left:1px solid #ccc;
font-size : 12px;
padding-left:5px;
padding-top:5px;
}
</style>
</head>
<body>
<div id=”container”>
<div id=”icon”>Demo</div>
<div id=”text”>This is a text</div>
</div>
<div id=”container”>
<div id=”icon”>Demo</div>
<div id=”text”><p>This is a text</p><p>This is a text</p><p>This is a text</p><p>This is a text</p><p>This is a text</p><p>This is a text</p></div>
</div>
</body>
Sign in
to post a comment2 Comments(s) ↴
0
@NogDogJul 11.2006 — #You just need to "clear the floats". Add this to your style:<i>
</i>.clear {
font-size: 1px;
line-height: 1px;
margin: 0;
padding: 0;
border: none;
clear: both;
}
In your HTML:
[code=html]
<div id="container">
<div id="icon">Demo</div>
<div id="text">This is a text</div>
<div class='clear'></div>
</div>
[/code]