469,616 Members | 1,806 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,616 developers. It's quick & easy.

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

Aug 9 '05 #1
3 2169
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
Aug 9 '05 #2
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.
Aug 9 '05 #3
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.
Aug 9 '05 #4

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

reply views Thread by Spartanicus | last post: by
4 posts views Thread by Aaron | last post: by
2 posts views Thread by D. Alvarado | last post: by
4 posts views Thread by Jeremy Epstein | last post: by
5 posts views Thread by Borris | last post: by
1 post views Thread by yb | last post: by
5 posts views Thread by SlowArrow | last post: by
reply views Thread by devrayhaan | last post: by
reply views Thread by gheharukoh7 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.