CSS stimmt im IE aber im FF nicht... @ tutorials.de: Tutorials, Forum & Hilfe

Windgeflüster · 20.04.06 07:02

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

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

Maik · 20.04.06 07:27

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:650[b][color=red]px[/color][/b];
height:150px;
vertical-align: middle;
[color=red][b]text-[/b][/color]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;
        [b]margin-left: 106px; /* Für nicht-IE-Browser */[/b]
        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;}
 
       [b] * html #content { /* Für IE */
        margin-left: 53px;
        }[/b]

Windgeflüster · 20.04.06 07:46

hab es nun geändert aber leider funktioniert es immernoch nicht

edit: muß ich probieren moment danke

tut orials.de	tut verbinden	tut dir helfen	tut kooperieren
©2000-2012 tutorials.de Alle Rechte vorbehalten	tut informieren » Impressum » Nutzungsregeln » Netiquette » Team » Redaktion	» Tutorials » Videotutorials » Showroom » Events & Contests » Chat » RSS-Feed » Blogs	» der-webdesigner.net » DesignerInAction » Design Nation » Directorforum » Flashhilfe » PHP-Resource » PHPwelt » PSD-Tutorials

Themen-Optionen

Anzeige

Ähnliche Themen

Fehlermeldung: Klasse ist undefiniert. Stimmt aber nicht!

Tabellenbreite stimmt nicht

Hover stimmt in den Geckos aber nicht im IE

Was stimmt nicht mit de.vu********

E-Mail:

Abonnieren Abbestellen