Aaron Roberson wrote:
> I have a two column layout with a two column nested within one of the
> columns. The Headings for the outer columns are styled and rendered
> correctly in IE and Firefox. The Headings in the nested columns are
> another story.
> http://csufresno.edu/friendsofce/layout.php
>
[trim]
Bunch of things, Aaron-- among them, but not limited to, setting height on h2
(not good for font-scaling), use of negative margin on h2 (not-necessary), use
of padding on width bearing containers (box model issue), and more...
These changes will not necessarily get you out of the woods. But it is a start.
The goal is to /try/ to get 6 working without hacking it up one side and down
the other.
--Delete the conditional comment for ie.
Amend (taking the horiz padding off & re-calculating widths:
#news{ background-color: lime;
/*width:256px;*/
width: 309px;
/*padding:20px; padding-left:33px;*/
padding: 20px 0 20px 0;
float:left;
}
Add this ruleset:
#news p {
padding: 0 20px 0 33px;
}
Amend:
#news h2{
color:#b5a967;
/* height:24px; */
background:#8c0000;
/*margin:10px -20px; padding:10px; */
margin: 0; padding: 20px 0 20px 30px;
}
Amend:
#summary{ background-color: fuchsia;
/*width: 605px; */width: 645px;
/*padding:20px;*/
padding: 20px 0;
float:right;
}
Add this ruleset:
#summary p {
padding: 0 20px;
}
Amend:
#summary h2{
color:#b5a967;
/*height:24px;*/
background:#1f3651;
/*margin:10px -7px 10px -20px; padding:10px;*/
margin: 0; padding: 20px 0 20px 20px;
}
Amend:
#support{
clear:both;
float:left;
/*width:245px;*/
width: 278px;
border-right:1px solid #ccc;
/*padding:10px; padding-top:0;*/
padding: 0 0 10px 0;
/*margin-left:-10px; */
}
Add this ruleset:
#support p {
padding: 0 10px;
}
Amend:
#support h2{
color:#b5a967;
/*height:24px;*/
background:#8c0000;
/*margin:0 -20px; padding:10px; */
margin: 0; padding: 20px 0 20px 20px;
}
Amend:
#founder{
width:365px;
float:right;
/*padding:10px; padding-top:0;*/
padding: 0 0 10px 0;
}
Add this ruleset:
#founder p {
padding: 0 10px;
}
Amend:
#founder h2{
color:#b5a967;
/*height:24px;*/
background:#1f3651;
/*margin:0 -17px 10px -20px; padding:10px; */
margin: 0; padding: 20px 0 20px 20px;
}
I am not able to remember what I forgot :-) .
HTH,
~dL
--
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
