Collapsing empty DIVs on IE/Mac

[Odo]

Hi,

my Problem is that I want to use an empty div with 20pix height as a
seperator.
With Firefox and Safari everything is fine. But IE/Mac do not display
the height,
instead there is only a thin line.

The Code is realy simple at the moment just 2 divs. One is my header,
the other is my
seperator.

HTML:
<div id="header"><img src="logo.jpg"/></div>
<div id="seperator"></div>

CSS:
#header {
width: 100%;
}

#seperator {
float:bottom;
width: 100%;
height: 15px;
border-top: 5px solid white;
border-bottom: 20px solid white;
background-color: #333333;

}

What`s my problem ?
--
Odo
------------------------------------------------------------------------
Odo's Profile: http://www.highdots.com/forums/m556
View this thread: http://www.highdots.com/forums/t2616563

[Spartanicus]

Odo <Od********@no-mx.forums.yourdomain.com.au> wrote:

With Firefox and Safari everything is fine. But IE/Mac do not display
the height, instead there is only a thin line.

IE/Mac is a grossly deficient browser and hardly used anymore. Unless
you have an unusual high percentage of clients that use it, forget about
IE/Mac.

--
Spartanicus

[Beauregard T. Shagnasty]

Odo wrote:

Hi,

my Problem is that I want to use an empty div with 20pix height as a
seperator. ... But IE/Mac do not display the height, <div id="seperator"></div> .... #seperator { .... What`s my problem ?

IE/Mac has a built-in spell checker? :-)

(It is "separator.")
--
-bts
-This space intentionally couldn't resist this joke.

[kchayka]

Odo wrote:

my Problem is that I want to use an empty div with 20pix height as a
seperator.
But IE/Mac do not display the height,

<div id="seperator"></div>

MacIE ignores empty elements. Add some white space and it should do what
you want. For example:

<div id="seperator">
</div>

BTW, if you plan to use this element multiple places, it should be a
class rather than an id. You might want to fix the spelling on it, too. ;)

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.