Ansicht im iE6

Status
Nicht offen für weitere Antworten.

DenisCGN

Mitglied
Moin zusammen,

warum ist der Abstand zwischen (Datum-Autor und Kategorie) und der Überschrift so groß?

http://www.denis-online.de/?tag=koeln

Code:
* {
	margin: 0px;
	padding: 0px;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
body {
	background-color: #6B9974;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#wrappermiddle {
	margin: 0px 0px 0px 100px;
	padding: 0px 0px 0px 10px;
	width: 800px;
	height: 1%;
	background-image:  url(images/wrapper_backing.jpg);
	background-repeat: repeat-y;	
}
#overheader {
	margin: 0px;
	padding: 0px;
	width: 780px;
	height: 40px;
	background-color: #000000;
}
#header {
	margin: 0px;
	padding: 0px;
	width: 780px;
	height: 150px;
	background-image: url(images/denis_online_banner.jpg);
	background-repeat: no-repeat;
}
#underheader {
	margin: 0px;
	padding: 0px;
	width: 780px;
	height: 40px;
	background-color: #FF6600;
}
#contentleft {
	margin: 0px;
	padding: 10px;
	float: left;
	width: 460px;
	height: 1%;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCCCCC;
}
#contentright {
	margin: 0px;
	padding: 10px;
	float: left;
	width: 280px;
	height: 1%;
}
#footer {
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 780px;
	height: 50px;
	background-color: #000000;
}

/* TEST STYLES */

.tagbox {
        margin: 30px 0px 0px 0px;
        padding: 0px;
        overflow: hidden;
        border-bottom: 1px solid #000000;
}
.tagheadline {
	font-size: 16px;
	font-weight: bold;
	color: #666666;
        margin: 0px;
        padding: 3px 0px 3px 0px;
        border-top: 1px solid #000000;
        border-bottom: 1px solid #000000;
        clear: right;
}
.tagheadline a {
	text-decoration: none;
	color: #666666;
}
.tagheadline a:hover {
	color: #993300;
}
.tagcategory {
	font-size: 10px;
	color: #993300;
        margin: 0px 0px 2px 0px;
        padding: 0px;
        float: right;
}
.tagcategory a {
	text-decoration: none;
	color: #993300;
}
.tagcategory a:hover {
	color: #00CC00;
}
.tagauthor {
	font-size: 10px;
	color: #FF0000;
        margin: 0px 0px 2px 0px;
        padding: 0px;
        float: left;
}
.tagdate {
        font-size: 10px;
        color: 000000;
        margin: 0px 0px 2px 0px;
        padding: 0px;
        float: left;
}

Im iE7 und FF ist alles prima.

Grüße
der Denis
 
Hi,

das hängt offensichtlich mit den drei floatenden Elementen (.tagcategory, .tagdate, .tagauthor) zusammen.

Abhilfe schafft da eine geringe Mindesthöhe für die umschliessende Box .tagbox:

Code:
* html .tagbox { height:1%; }
 
Perfekt!

Warum hast Du das * html davor gesetzt? Das habe ich weggelassen und die height: 1%; direkt in tagbox geschrieben.

Grüße
Denis
 
Status
Nicht offen für weitere Antworten.
Zurück