By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
464,369 Members | 1,246 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 464,369 IT Pros & Developers. It's quick & easy.

Collapsing empty DIVs on IE/Mac

P: n/a
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
Share this Question
Share on Google+
3 Replies

P: n/a
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

P: n/a
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

P: n/a
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.