In IE6 I found that the border disappears in a combination of style, tags and
preceding text.
In IE the border around a block item(p, h1,h2 etc) will not be displayed when
the containing div has a width in percentage or pixels and a positioning
relative, with some preceding text.
How to display the border?
* Remove the content in the parent div (also an empty p will have this
effect) and the border on the block item is displayed. (not really usefull
though but you can test it)
* Set width of the content style to auto and the border is displayed.
(only usefull with a width of 100%(differs about 1 or 2 pixels with auto), and
when you don't use a background color.
* Dimension the block element for instance with the holy hack: * HTML
.bordered{height:1%}
* Remove position relative in container
Here is my example:
<!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>border test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" title="text/css">
.content {
position: relative;
width: 100%;
}
.bordered{
border: 1px solid #8AC;
}
</style>
</head>
<body >
<div class="content">
content in 'content'-layer
<div >
<p class="bordered">This should be a block element WITH
BORDER</p>
</div>
</div>
</body>
</html>
================================================
De informatie opgenomen in dit bericht kan vertrouwelijk zijn en
is uitsluitend bestemd voor de geadresseerde. Indien u dit bericht
onterecht ontvangt, wordt u verzocht de inhoud niet te gebruiken en
de afzender direct te informeren door het bericht te retourneren.
================================================
The information contained in this message may be confidential
and is intended to be exclusively for the addressee. Should you
receive this message unintentionally, please do not use the contents
herein and notify the sender immediately by return e-mail.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
