wichtig diplomarbeit:css zeigt bei ie7 und firefox anders an

[rainman2]

hello zuerst an alle

bin neu hier und habe gesehen das ihr ein super forum seit.

ich komme gerade mit einem dringenden problem das ich leider lösen muss bis am montag 7.4.2008 24:00.
dann muss ich meine diplomarbeit abgeben.

das prob:
mein stylesheet zeigt in firefox und ie7 jeweils etwas ganz anderes an.
das css ist voll valid und ich habe alle paddings und margins nach kontrolliert und den fehler immer noch. z.B.es druckt irgendetwas von unten so das die navigation unten nicht richtig dargestellt wird.


für schnelle hilfe bin ich übermässig froh ich komme wirklich nicht mehr weiter. ich habe im homepagecheck meine seite gepostet: www.aktion-gassenhunde.ch

big thanx the rebel rainman2


mein stylsheet code:

body {
background-color: #e1ddd9;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#333333;
padding:0px;
margin:0px;
}

img {
border: none;
}

a {color: #666666; text-decoration:none; font-size:14px; font-weight:bold;}
a:visited {color:#666666;}
a:hover {color: #000000;}
a:active { color:#000000;}


li {
list-style-type: circle;
margin-left:-35px;}

h1{
font-size: 22px;
color: #666666;
font-weight: bold;
padding-left:5px;
margin: 20px 0 0 0;
}

h1 a{
font-size:22px;
}

h2 {
font-size: 10px;
background-color:#c9b579;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
padding:5px 5px;
margin: 0;
height:10px;
font-weight:normal;
}

h3 {
font-size: 16px;
font-weight: bold;
text-align:center;}

/* ----------container zentriert das layout-------------- */
#container {
width: 806px;
height: 600px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color:#f0d715;
}

/* ----------banner for logo-------------- */

#top {
height:20px;
background-color:#f0d715;
}

#banner {
height: 76px;
background-color:#f0d715;
font-size:30px;
text-align: left;
/*margin:0;*/
padding: 0;
}

#head_title {
width: 300px;
float: left;
/*background-color:#f0d715;
font-size:30px;
text-align: left;
margin:0;
padding: 0px, 0px, 0px, 0px;*/
}

#head_pic {
width: 420px;
height: 87px;
float: right;
background-image: url(collage3.jpg);
background-repeat: no-repeat;
/*background-color:#f0d715;
font-size:30px;
text-align: left;
margin:0;
padding: 0px, 0px, 0px, 0px;*/
}

#kruemel {
margin-top:11px;
}


/* -----------------Inhalt--------------------- */
#content {
/*background-color: #f8dd8d;*/
margin-left: 200px;
margin-right: 0px;
padding-left:15px;
padding-right:15px;
}

#content li{
padding-left:5px;
}

.p_center{
text-align:center;
}

.p_red{
color:#FF0000;
}

p{
padding-left:10px;
}

div#content {
background-color: #f8dd8d;
min-height:600px;
max-height:600px;
/*width: 576px;*/
overflow: auto;
}

p, pre{
padding: 5px 10px;
margin:0px;
}

/* --------------left navigavtion------------- */
#left {
float: left;
padding-left: 15px;
padding-top: 5px;
margin-right:-200px;
background-color:#f0d715;
height:595px;
width:190px;
}

.logo {
margin-left:auto;
margin-right:auto;}


/* -----------footer--------------------------- */
#footer {
background-color:#c9b579;
clear: left;
padding:0;
text-align: right;
height: 20px;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
}


#footer li {
list-style-type: none;
margin:0;
padding:5px 5px;
display:inline;
line-height:1;
}

#footer a {
font-size:10px;
}