[WSG] getting ie 6 PC to behave with padding, margins and h1 within a div

2005-08-11 Thread Bruce Gilbert 
I have a div bar, which I am trying to make the height narrower, but
in IE PC , it doesn't want to cooperate unless I add a specific height
to the div, but then my h1, appears at the top of the div, so I try
adding some padding or margin to the h1 which expans the height of the
div which it contains and I DONT want that.

here is the page:http://www.wealthdevelopmentmortgage.com/Bruce/index.htm

I am referring to the green bar with the h1 'home'

CSS in question:

* html div#page_title_bar{/*for IE to make bar thinner*/
background-color:#9bb58f;
padding:0;
margin:0;
border-top:1px solid #363;
border-bottom:1px solid #363;
height:15px;
}


* html div#page_title_bar h1{/*for IE again*/
margin-top:.25em;
}

anything I can do here?

thanks
-- 
::Bruce::
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

Re: [WSG] getting ie 6 PC to behave with padding, margins and h1 within a div

2005-08-11 Thread David Laakso 

Bruce Gilbert wrote:


I have a div bar, which I am trying to make the height narrower, but
in IE PC , it doesn't want to cooperate unless I add a specific height
to the div, but then my h1, appears at the top of the div, so I try
adding some padding or margin to the h1 which expans the height of the
div which it contains and I DONT want that.

here is the page:http://www.wealthdevelopmentmortgage.com/Bruce/index.htm

I am referring to the green bar with the h1 'home'


 


Delete these:
* html div#page_title_bar{ background-color: #9bb58f; border-bottom: 1px 
solid #363; border-top: 1px solid #363; height: 15px; margin: 0; 
padding: 0; }

* html div#page_title_bar h1{ margin-top: .25em; }
div#page_title_bar{ background-color: #9bb58f; border-bottom: 1px solid 
#363; border-top: 1px solid #363; margin: 0; padding: 0; }
div#page_title_bar h1{ color: #fff; font-family: arial, helvetica, 
sans-serif; font-size: 1.5em; padding-left: 2.5em; text-align: left; }

Add this:
h1 { background-color: #9bb58f; border-bottom: 1px solid #363; 
border-top: 1px solid #363; color: #FFF; font-size: 150%; margin: 0; 
padding: 10px 0 10px 50px; }

Change the html to read:
h1HOME/h1
!--
div id=page_title_bar
h1HOME/h1
/div
--

Why is 'HOME' h1?
Regards,
David Laakso

--
David Laakso
http://www.dlaakso.com/


**
The discussion list for  http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**