CSS stimmt im IE aber im FF nicht...

Status
Nicht offen für weitere Antworten.
Windgeflüster

Windgeflüster

Grünschnabel
Hallo @ll

hab ein kleines problem und zwar richte ich mir gerade einen kleinen Blog ein, hata uch alles wunderbar geklappt nur mit dem CSS nicht ganz! Im IE ist es genau so wie ich es möchte nur im Firefox nicht, kann mir bitte jemand dabei helfen? ich finde leider den fehler nicht :suspekt:

hier mein Css-Code
Code: 
/* + + + + +  G L O B A L   P A R T S */

body  {
	margin: 1px;
	padding: 1px;
 	border: 0;
	text-align: left;
	color: #000;
background:#ffffff;
	font-family: verdana,helvetica,arial,sans-serif;
	}

td {    
	font-size: 10px;
	text-align: left;
	vertical-align: top;
	color: #000;
	}
	
/* + + + + +  A R E A S */

#head {
	width: 100%;
	height: 70px;
	margin-top: 10px;
        margin-right: 10px;
        margin-bottom: 0px;
        margin-left: 10px;	
        padding:1px;
        background: transparent;
	background:#ffffff;
	font-family: verdana,helvetica,arial,sans-serif;
	color: #000;
	font-size: 12px;
	text-align: left;
	}

#torso {
	width: 90%;
        margin-top: 0px;
        margin-right: 10px;
        margin-bottom: 10px;
        margin-left: 10px;
	text-align: left;
	background:#ffffff;	
        padding:1px;	
        }



#content {
	width: 450px;
	float: left;
        margin-top: 0px;
        margin-right: 10px;
        margin-bottom: 10px;
        margin-left: 89px;
	padding-left: 10px;
	padding-right: 10px;
	background: url(../../styles/standard_grey/background.gif);	                      font-family: verdana,helvetica,arial,sans-serif;
	color: #000;
	font-size: 10px;
	text-align: left;
	border:1px; border-style:solid; border-color:#000000;}

#navigation {
	width: 130px;
	float: left;
	 margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 5px;
	padding-left: 10px;
	padding-right: 10px;
                border:1px; border-style:solid; border-color:#000000;
	background: url(../../styles/standard_grey/background.gif);	font-family: verdana,helvetica,arial,sans-serif;
	color: #000000;
	font-size: 10px;
	text-align: left;
	vertical-align: top;
	} 

#foot {
	width: 600px;
	height: 10px;
	float: left;
	padding-top: 2px;
	font-family: verdana,helvetica,arial,sans-serif;
	font-size: 10px;
	color: #6F6F6F;
	text-align: left;
                margin: 20px 50px;
}

/* + + + + +  S E P E R A T O R S */

#sep_h {
        width: 100%;
	font-size: 0px; 
	border-bottom: #6F6F6F 1px dotted;
	}

#sep_title {
	text-align: left;
	width: 100%;
	height: 1px;
	border-bottom: #6F6F6F 1px dotted;
	font-size: 0px;
	}

/* + + + + +  T A B L E S */

.cell_title {
	background-color: #A8A8A8;
	vertical-align: top;
	text-align: left;
	}

.cell_one {
	background-color: #B7B7B7;
	vertical-align: top;
	text-align: left;
	}

.cell_two {
	background-color: #CFCFCF;
	vertical-align: top; 
	text-align: left;
	}
	
.cell_special {
	background-color: #939393;
	vertical-align: top;
	text-align: left;
	}

/* + + + + +  T E X T / F O N T S */

.small {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #000;
	}

.norm  {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000;
	}

.big    {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	}

.alt_small {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F49E0B;
	}

.alt_norm {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F49E0B;
	}

.alt_big {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #F49E0B;
	letter-spacing: 2px;
	font-weight: bold;
	line-height: 22px;
	}

/* + + + + +  H Y P E R L I N K S */

a { 
        text-decoration: none; 
        color: #AF2109; 
        font-weight: bold;
}

a:active { 
        text-decoration: none; 
        color: #AF2109; 
        font-weight: bold;
}

a:visited { 
        text-decoration: none;  
        color: #AF2109; 
        font-weight: bold;
}

a:hover { 
        text-decoration: none;
        color: #425863; 
        font-weight: bold;
}

/* + + + + +  I N F O R M A T I O N S */

fieldset { 
	color: #000;
	border:1px dotted #6F6F6F;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;  
	}

/* + + + + +  L I S T S */

ul { 
	list-style: circle; 
	list-style-image:url(../../styles/standard_grey/arrow.gif); 
	}

/* + + + + +  F O R M S */

/* BUTTONS, TEXTFIELDS */
INPUT.entry {
	BACKGROUND-COLOR: #EFEFEF;
	BORDER-BOTTOM-COLOR: #CDDCD5;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-LEFT-COLOR: #CDDCD5;
	BORDER-LEFT-WIDTH: 1px;
	BORDER-RIGHT-COLOR:#CDDCD5;
	BORDER-RIGHT-WIDTH: 1px;
	BORDER-TOP-COLOR: #CDDCD5;
	BORDER-TOP-WIDTH: 1px;
	COLOR: #000;
	FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
	FONT-SIZE: 10px;
        }

/* TEXTAREAS */
TEXTAREA.entry {
	BACKGROUND-COLOR: #EFEFEF;
	BORDER-BOTTOM-COLOR: #CDDCD5;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-LEFT-COLOR: #CDDCD5;
	BORDER-LEFT-WIDTH: 1px;
	BORDER-RIGHT-COLOR:#CDDCD5;
	BORDER-RIGHT-WIDTH: 1px;
	BORDER-TOP-COLOR: #CDDCD5;
	BORDER-TOP-WIDTH: 1px;
	COLOR: #000;
	FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
	FONT-SIZE: 10px;
	OVERFLOW-X: hidden;
	OVERFLOW-Y: auto;
        }

/* SELECTFIELDS */
SELECT.entry {
	BACKGROUND-COLOR: #EFEFEF;
	BORDER-BOTTOM-COLOR: #CDDCD5;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-LEFT-COLOR: #CDDCD5;
	BORDER-LEFT-WIDTH: 1px;
	BORDER-RIGHT-COLOR:#CDDCD5;
	BORDER-RIGHT-WIDTH: 1px;
	BORDER-TOP-COLOR: #CDDCD5;
	BORDER-TOP-WIDTH: 1px;
	COLOR: #000;
	FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
	FONT-SIZE: 10px;
        }

danke schonmal

Liebe grüße Nicole


axo klar der link vielleicht auch zum anschaun:
http://www.windgefluester.net/blog/blog.php
 
Vielleicht hilft es, wenn du noch die fehlende PX-Einheit angibst?

Code: 
<DIV style="
background-image: url('styles/standard_grey/blog-header.jpg');
background-repeat: no-repeat;
margin: 10px 0px 0px 175px;
padding: 15px 0px 0px 20px;
width:650px;
height:150px;
vertical-align: middle;
text-align:center;">

<!-- THE TITLE -->
<FONT style="font-size: 16px; color:#6F6F6F; font-weight: bold;"></FONT>
</DIV>
[editpost]

Zudem solltest du die Höhenangabe für das DIV#head entfernen, da ja obiges DIV darin eingebunden ist, und folgende Korrektur für das DIV#content vornehmen:

Code: 
#content {
        width: 450px;
        float: left;
        margin-top: 0px;
        margin-right: 10px;
        margin-bottom: 10px;
        margin-left: 106px; /* Für nicht-IE-Browser */
        padding-left: 10px;
        padding-right: 10px;
        background: url(../../styles/standard_grey/background.gif);                              font-family: verdana,helvetica,arial,sans-serif;
        color: #000;
        font-size: 10px;
        text-align: left;
        border:1px; border-style:solid; border-color:#000000;}

        * html #content { /* Für IE */
        margin-left: 53px;
        }
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück