Jump to content

DIV Height


Dysan

Recommended Posts

The following code displays a div. How do I get the div to display at 5px in height, in IE & FireFox?

 

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style>
body
{
  FONT-SIZE: 8pt;
  FONT-FAMILY: Verdana;
  PADDING: 0px;
  MARGIN: 0px;
}

#line
{
  TOP: 100px;
  LEFT: 100px;
  WIDTH: 100px;
  PADDING: 0px;
  POSITION: absolute;
  BORDER: 1px solid rgb(0,0,0);
}</style>
</head>

<body>
<div id="line"></div>
</div>
</body>
</html>

Link to comment
https://forums.phpfreaks.com/topic/86382-div-height/
Share on other sites

this should do the trick:

 

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style>
body
{
  FONT-SIZE: 8pt;
  FONT-FAMILY: Verdana;
  PADDING: 0px;
  MARGIN: 0px;
}

#line
{
  TOP: 100px;
  LEFT: 100px;
  WIDTH: 100px;
  PADDING: 0px;
  POSITION: absolute;
  BORDER: 1px solid rgb(0,0,0);
  HEIGHT: 5px;
  OVERFLOW: hidden;
}</style>
</head>

<body>
<div id="line"></div>
</div>
</body>
</html>

Link to comment
https://forums.phpfreaks.com/topic/86382-div-height/#findComment-441414
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.