Das ist die Lösung für IE6 Bug: Doubled-Float-Margin-Bug
body {
background: url(../images/background_rect.png) repeat-y 50% 0;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: Georgia;
background-color: #460202;
text-align: center;
}
#centerboxmain {
width: 1024px;
padding: 0px 0px 0px 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
/* opera does not like 'margin:20px auto' */
text-align:left;
/* part 2 of 2 centering hack */
width: 1024px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 994px;
min-height: 100%;
height: 100%;
/*border: 1px dotted green;*/
}
html>body #centerboxmain {
width: 994px; /* ie5win fudge ends */
min-height: 100%;
height: 100%;
}
/********************/
/** LEFT COLUMN *****/
/********************/
div#LeftColumn {
font-family: Georgia;
font-size: 15px;
float: left;
width: 140px;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
min-height: 100%;
height: 100%;
text-align: center;
/*border: 1px dotted green;*/
}
div#LeftColumn p {
font-family: Arial;
font-size: 12px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
}
div#LeftColumn ul {
margin: 0px 0 15px 15px;
padding: 0 0 0 0;
}
div#LeftColumn li {
font-family: Georgia;
font-size: 15px;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div#LeftColumn a {
font-family: Georgia;
font-size: 15px;
display: block;
text-decoration: none;
}
div#LeftColumn a:link {
color: #666666
}
div#LeftColumn a:visited {
color: #666666;
}
div#LeftColumn a:hover {
color: #000000;
}
div#LeftColumn a:active {
color: #666666
}
div#LeftColumn a.subnavi {
font-family: Georgia;
font-size: 12px;
list-style: none;
margin: 0px 0px 0px -5px;
padding: 3px 0px 3px 0px;
}
/********************/
/** RIGHT COLUMN ****/
/********************/
div#RightColumn {
font-family: Arial;
float: right;
width: 128px;
color: #ffffff;
margin: 17px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 15px;
text-align: left;
/*border: 1px dotted green;*/
}
div#RightColumn h2 {
font-size: 14px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div#RightColumn h3 {
font-size: 14px;
font-weight: normal;
margin: 0px 0px 0px 0px ;
padding: 0px 0px 7px 0px ;
}
div#RightColumn p {
font-size: 14px;
color: #EAE4D6;
margin: 7px 0px 15px 0px ;
padding: 7px 0px 0px 0px ;
}
div#RightColumn a {
font-family: Arial;
font-size: 13px;
font-weight: bold;
text-decoration: none;
color: #FB8360;
}
div#RightColumn a:link {
color: #FB8360
}
div#RightColumn a:visited {
color: #FB8360;
}
div#RightColumn a:hover {
color: #FB8360;
text-decoration: underline;
}
div#RightColumn a:active {
color: #FB8360
}
/********************/
/** CENTER COLUMN ***/
/********************/
div#CenterColumn {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
/*border: 1px dotted green;*/
}
* html div#CenterColumn {
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 1em; /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
}
/* HEADER BOX */
div#HeaderBox {
margin: 0px 0px 0px 208px;
padding: 20px 0px 0px 0px;
font-family: Georgia;
font-size: 12px;
font-style: italic;
text-align: left;
color: #715E37;
min-height: 78px;
height: 78px;
width: 580px;
}
* html div#HeaderBox {/*Bug fix IE6 */
margin: 0px 0px 0px -10px;
padding: 0px 0px 0px 0px;
}
div#HeaderBox .celebrity {
margin: 0px 0px 0px 0px;
font-variant: small-caps;
text-align: right;
}
/* NAVIGATION BOX */
div#NavigationBox {
margin: 0px 0px 0px 166px;
padding: 0px 0px 0px 0px;
text-align: center;
}
* html div#NavigationBox {/*Bug fix IE6 */
margin: 0px 0px 0px -14px;
padding: 0px 0px 0px 0px;
}
div#MainNavigation {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #1C3369;
width: 660px;
min-height: 32px;
height: 32px;
text-align: center;
/*border: 1px dotted green;*/
}
div#MainNavigation h6 {
margin: 6px 0px 0px 10px;
padding: 0 0px 0 19px;
font-family: Georgia;
font-size: 14px;
font-variant: small-caps;
font-weight: normal;
font-style: normal;
color: #ffffff;
float: left;
text-align: center;
}
div#MainNavigation a {
font-family: Georgia;
font-size: 14px;
font-weight: normal;
text-decoration: none;
color: #ffffff;
}
div#MainNavigation a:link {
color: #ffffff
}
div#MainNavigation a:visited {
color: #ffffff;
}
div#MainNavigation a:hover {
color: #ffffff;
text-decoration: underline;
}
div#MainNavigation a:active {
color: #ffffff
}
div#SubNavigation {
margin: 0px 0px 0px 0px;
padding: 0 0 0 0;
color: #1C3369;
background-color: #D0BCA6;
width: 660px;
min-height: 30px;
height: 30px;
}
div#SubNavigation h6 {
margin: 6px 8px 0px 10px;
padding: 0 8px 0 20px;
font-family: Georgia;
font-size: 13px;
font-variant: small-caps;
font-weight: normal;
font-style: normal;
color: #1C3369;
float: left;
text-align: center;
}
div#SubNavigation a {
font-family: Georgia;
font-size: 13px;
font-weight: normal;
text-decoration: none;
color: #1C3369;
}
div#SubNavigation a:link {
color: #1C3369
}
div#SubNavigation a:visited {
color: #1C3369;
}
div#SubNavigation a:hover {
color: #1C3369;
text-decoration: underline;
}
div#SubNavigation a:active {
color: #1C3369
}
/* CONTENT BOX */
div#ContentBox {
margin: 0 0px 0 165px;
padding: 30px 20px 30px 20px;
font-family: Georgia;
font-size: 14px;
color: #1C3369;
width: 620px;
min-height: 100%;
height: 100%;
text-align: left;
vertical-align: top;
}
* html div#ContentBox {/*Bug fix IE6 */
margin: 0px 0px 0px -14px;
}
div#ContentBox p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div#ContentBox h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 16px;
color: #1C3369;
text-align: center;
}
div#ContentBox a {
font-family: Georgia, Times New Roman;
text-decoration: underline;
color: #1D3367;
}
div#ContentBox a:hover {
text-decoration: none;
color: #1D3367;
}
div#ContentBox a:active {
text-decoration: none;
color: #1D3367;
}
div#ContentBox .ContentColumn {
margin-top: 20px;
padding: 10px;
width: 180px;
text-align: justify;
vertical-align: top;
float: left;
}
div#ContentBox .ContentColumnLeft {
width: 297px;
text-align: justify;
float: left;
}
div#ContentBox .ContentColumnRight {
margin: 0 -1px 0 0;
width: 297px;
text-align: justify;
float: right;
}