Minimum height for div

**elmu** · 07-11-2006 11:05 AM

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>

**NogDog** · 07-11-2006 11:28 AM

You just need to "clear the floats". Add this to your style:

Code:

.clear {
  font-size: 1px;
  line-height: 1px;
  margin: 0;
  padding: 0;
  border: none;
  clear: both;
}

In your HTML:

HTML Code:

   <div id="container">
      <div id="icon">Demo</div>
      <div id="text">This is a text</div>
      <div class='clear'></div>
   </div>

**elmu** · 07-11-2006 11:41 AM

Thanks!

Unfortunatelly in IE it doesn't work for me

Thread: Minimum height for div

Thread Tools

Display

Minimum height for div

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions