soezkan: Gelöst: IE 6 und "zerfallene" DIVs

Beitrag lesen

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;  
}