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:#8c;
/*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:#8c;
/*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/