Sent by Kumar McMillan on 13 August 2004 23:11
ye o great CSS list, you are my last resort. I need another pair of eyes;
I know there is something stupid I am doing here.
Mac IE behaves relatively well considering its windoze counterpart yet it
is the only browser giving our dev team major road blocks in
implementation.
Here is the cause of our headaches:
http://web2.ncaa.org/sports/fall/ (and all subsection pages)
username: ncaa
pass: ncaa1ibm
(to keep robots out before launch)
as you can see there is a floated left navigation area and a right-hand
content panel. soooo simple. Mac IE won't float it. wait... before you
tell me I have to set the widths please take a look at the rules. I have
adjusted the widths to the nth degree, even shortening the left nav to
100px and it still won't float left! tried the same with the content
panel. To isolate the left nav as the cause of the problem, display:none
on the left nav fixes the content panel ... i.e. the right-hand content
panel bumps up as it should ... so it must be a simple fix somewhere in
left_nav rules I hope.
To make this easy I am including the rules below which relate to the two
elements, div#navigation_left_nav and div#subsection_content_container
respectively, which are doing the work (there are more rules in each file
of course, but you will get a headache):
by the way... forget the drop down menus, we've given up and made them
usable at the parent level. Not trying to fix that here.
thx, Kumar
**********************************************************************************
excerpt from /styles/base_navigation.css :
**********************************************************************************
/* Left Navigation
---------------------------------------------------------*/
/* Note: level 3 refers to sections represented on the first tier (in
blue) */
/* level 4 refers to sections on the second tier (in white) */
div#navigation_left_nav { /* Left-navigtion container */
width: 173px;
/* hide from mac ie\*/
/* stop hiding */
float: left;
margin: 0;
padding: 0;
border-top: 3px solid #AED6EF;
background-color: #CEE6F5;
padding-bottom:0px;
}
/* Begin level 3 links */
div#navigation_left_nav ul {
padding: 0;
}
div#navigation_left_nav ul li {
padding: 0;
margin: 0;
background: none; /* Remove the blue caret (arrow) common to li */
height: 2em;
}
html>body div#navigation_left_nav ul li {
height: auto;
}
div#navigation_left_nav ul li a {
display: block;
}
div#navigation_left_nav ul li a:link, div#navigation_left_nav ul li
a:visited {
color: #0064A8;
border-bottom: 1px solid #fff;
padding: 3px 10px 5px 14px;
margin: 0;
}
div#navigation_left_nav ul li a:hover {
color: #2894E0;
}
div#navigation_left_nav ul li a:active {
color: #0064A8;
}
/* End level 3 links */
**********************************************************************************
excerpt from /styles/subsection.css:
**********************************************************************************
/* Content section
--------------------------------------------------------- */
/* this whole panel sits just right of the subsection (left) navigation */
div#subsection_content_container {
background-color: #ffffff;
margin-left: 173px;
width: 591px;
/* hide from mac ie \*/
float: left;
margin: 0;
/* stop hiding */
padding: 0;
}
/* this keeps content in the center row in the center, to not mess with
the right side (i.e. helpful links) */
div.subsection_center_content_container {
float: left;
width: 394px;
}
div.subsection_center_content_container div.base_hr,
div.subsection_center_content_container div.base_hr_like_in_content {
/* clear left and right floats in mozilla between module sections
(hr's were collecting at the top): */
clear: both;
}
div.subsection_center_content_container div.base_hr_like_in_content {
margin-bottom: 5px;
}
/* this is the top area for content, containing the helpful links column
as a repeating background */
div#subsection_content {
/* Win IE won't show the background without this - bug? */
height: 100%;
background:
url(images/custom_home_bottom_helpful_links/columns_3col.gif) repeat-y
scroll top left;
}
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
