immer dieses leidige thema ie 7. erstmal guten abend, oder schon fast morgen? ich bin grad durchgedreht und suche jetzt hilfe. meine site http://www.daslinuxdorf.de wird im ie 7 falsch dargestellt. im firefox 2 perfekt. erbitte um eine kleine hilfe.
hier mal die css (teil 1, da zu lang für den thred):
Code
* {
margin: 0;
padding: 0;
}
body {
background: rgb(246, 246, 246) url("images/c-bg.gif") center repeat-y;
color: rgb(128, 128, 128);
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Verdana', 'Arial', Sans-Serif;
}
.break {
clear: both;
}
#header {
background: url("images/slogan.jpg") no-repeat;
height: 100px;
margin: 0 auto;
padding: 0;
width: 600px;
}
#header a, #header a:visited {
display: block;
width: 234px;
height: 97px;
}
#groomLake {
clear: left;
padding: 0 30px 10px 30px;
margin: 35px auto 0 auto;
width: 540px;
}
.sub-left {
background: url("images/logo.png") center no-repeat;
border: 0px solid rgb(246, 246, 246);
float: left;
height: 60px;
margin: 0 auto 0 auto;
width: 200px;
}
#sub-right {
border-left: 2px solid rgb(246, 246, 246);
float: right;
margin: 0 auto 0 auto;
text-align: left;
width: 320px;
}
#sub-right ul {
line-height: 20px;
list-style-type: none;
margin: 0;
padding: 0;
}
#sub-right li {
height: 20px;
}
#sub-right ul li a, #sub-right ul li a:visited {
color: rgb(102, 102, 102);
display: block;
padding: 0 0 0 30px;
text-decoration: none;
}
#sub-right ul li a:hover {
background: #53ba20;
border: none;
color: white;
display: block;
}
#sub-right ul li.current_page_item a,
#sub-right ul li.current_page_item a:hover {
background: #53ba20;
color: rgb(255, 255, 255);
text-decoration: none;
}
#menu {
margin: 0 auto;
width: 650px;
}
#menu span a, #menu span a:visited {
border-bottom: 5px solid red;
color: rgb(250, 251, 247);
font: 1.0em 'Georgia', 'Times New Roman', Sans-Serif;
margin: 1px 10px 0px 0;
padding: 1px 3px 0px 3px;
text-decoration: none;
}
#menu span a:hover {
border-bottom: 5px solid black;
text-decoration: none;
}
#area51 {
/* background: rgb(250, 251, 247);
border-bottom: 5px solid rgb(85, 85, 85);
border-top: 5px solid rgb(85, 85, 85);
padding: 10px 0 20px 0; */
margin: 30px 0 0 0;
}
.post {
margin: 0 auto 0 auto;
width: 540px;
}
p {
color: rgb(102, 102, 102);
font-family: 'Verdana', 'Arial', Sans-Serif;
font-weight: normal;
font-size: 1.2em;
line-height: 160%;
padding: 5px 0px 5px 0px;
text-align: justify;
}
.divide {
background: url("images/p-divider.gif") no-repeat;
font-family: 'Verdana', 'Arial', Sans-Serif;
font-weight: normal;
font-size: 1em;
height: 25px;
margin: 10px 0 0 0;
padding-right: 10px;
text-align: right;
}
blockquote p {
background: url("images/float-quote.jpg") top left no-repeat;
float: left;
font: 1.4em 'Georgia', 'Times New Roman', Sans-Serif;
font-style: italic;
margin: 1px 0 0 -265px;
position: absolute;
text-align: right;
width: 200px;
}
.more img {
border: none;
height: 13px;
margin: 0 0 -1px 0;
}
.more a, .more a:visited {
background: url("images/more.jpg") no-repeat;
border: none;
height: 15px;
margin: 0;
padding: 0;
letter-spacing: -9999em;
width: 52px;
}
.post p a, .post p a:visited {
color: #53ba20;
text-decoration: none;
}
.post p a:hover {
border-bottom: 1px dotted rgb(51, 51, 51);
color: rgb(0, 0, 0);
}
#area51 ul {
color: rgb(102, 102, 102);
font-family: 'Verdana', 'Arial', Sans-Serif;
font-weight: normal;
font-size: 1.2em;
list-style-type: none;
margin: 10px 0 10px 0;
padding: 0 0 0 10px;
}
#area51 ul li {
background: url("images/bullet_black.gif") left 2px no-repeat;
line-height: 170%;
margin: 0 0 5px 0;
padding: 0 10px 0 20px;
}
#area51 ul li.destyle {
background: none;
}
#area51 ul li a, #area51 ul li a:visited { color: rgb(112, 160, 194); text-decoration: none; }
#area51 ul li a:active { color: rgb(170, 170, 170); text-decoration: none; }
#area51 ul li a:hover { color: rgb(138, 186, 221); text-decoration: none; }