Here is the problem page:
http://www.utahrails.net/gallery/albums.php
Looks great in Firefox. In MSIE, the right box is below the left box, but
all the padding and margins are okay.
I've searched and searched for a fix, including the Tan hack, and several
variations, but the boxes are still broke. Can someone please point me to a
fix?
Don Strack
-------------------------
The CSS is at the bottom of screen.css, but here it is also:
*
{
padding: 0;
margin: 0;
}
#bigbox
{
width: 95%;
margin-left: auto; /* added for MSIE5.x/Mac */
margin-right: auto; /* added for MSIE5.x/Mac */
text-align: center; /* added for MSIE5.x/PC */
}
#content /* for both left and right boxes */
{
margin-left: auto; /* added for MSIE5.x/Mac */
margin-right: auto; /* added for MSIE5.x/Mac */
text-align: center; /* added for MSIE5.x/PC */
}
#header
{
padding: 1em;
border: 1px solid #e4e4e4;
margin: 1em;
background: white;
text-align: left;
}
#left
{
float: left;
padding: 1em;
border: 1px solid #e4e4e4;
margin: 0 1em 0 1em;
background-color: #e4e4e4;
}
#right
{
padding: 1em;
border: 1px solid #e4e4e4;
margin: 0 1em 0 19em;
background: white;
}
/* for IE Windows */
/* hides from IE-mac \*/
* html #left
{
display: inline;
}
* html #right
{
float: left;
display: inline;
}
/* end hide from IE-mac */
#footer
{
padding: 1em;
border: 1px solid #e4e4e4;
margin: 1em;
background-color: #e4e4e4;
vertical-align: middle;
clear: both;
}
/* begin left menu */
#leftmenu {
border: 1px solid #e4e4e4;
width: 13em;
margin: 0;
padding: 0;
color: #000080;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
background-color: #e4e4e4
}
#leftmenu ul {
margin: 0;
padding: 1em;
list-style: none;
}
#leftmenu li {
border: 1px solid #e4e4e4;
padding: 0;
font-size : 10px;
text-align: right;
}
#leftmenu li a {
display: block;
border: 1px solid #e4e4e4;
padding: 0;
color: #000080;
text-decoration: none;
font-weight: normal;
}
#leftmenu li a:hover {
border: 1px solid #c0c0c0;
padding: 0;
background-color: white;
color: black;
}
#leftmenu li.heading
{
border: 0;
color: maroon;
font-size: 13px;
font-variant: small-caps;
font-family: verdana, arial, sans-serif;
font-weight: bold;
text-align: right
}
#leftmenu ul.print
{
padding: 10px 10px 0 0;
margin: 0;
cursor: pointer;
text-align: right
}
div.hrgraybar
{
border-bottom: 3pt solid #c0c0c0;
}
div.hrgraybar hr
{
display: none;
}
/* end left menu */
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
