Ich habe mir meine Seite www.slashnburn.de/cms nun mal im IE7 angesehen und das Layout ist dort komplett kaputt.
Im IE6 und im FF passt es (vgl. die Bilder).
Im einzelnen sind die Fehler beim IE7:
- Der Footer ist nicht unten sondern links in der Mitte
- Das Menü links bei "Setliste" hat nen ungenauen Rand
- Der Background wird unten nicht richtig dargestellt.
Hier ist mein Layout CSS:
Code: Select all
/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */
/* SITE SPECIFIC LAYOUT */
body {
margin: 0;
padding: 1em;
text-align: center;
}
div#pagewrapper {
margin: 0 auto;
padding: 0;
text-align: left;
width: 860px;
}
#container {
position: relative;
margin: 0;
background:url(uploads/images/Hintergrund_inhalt_gross_1.jpg);
}
/* HEADER */
div#header {
background: url(uploads/images/Hintergrund.jpg);
margin: 0;
padding: 0;
height: 184px;
text-align: left;
}
div#header h1 a {
display: block;
height: 80px;
text-indent: -700em;
width: 198px;
margin: 0;
padding: 0;
text-decoration:none;
}
/* END HEADER */
/* CONTENT */
div#content {
}
/* MAIN */
div#main {
}
/* END MAIN */
/* SUB */
div#sub {
}
/* END SUB */
/* END CONTENT */
/* FOOTER */
div#footer {
}
div#footer p {
font-size:0.8em;
margin:0px;
padding:5px;
text-align:center;
}
/* END FOOTER */
/* END LAYOUT */
div.breadcrumbs {
padding: 1em 0;
text-align: left;
font-size: 90%;
margin: 0 1em;
border-bottom: 1px dotted #000;
}
div.flags {
float: right;
width: 18px;
padding: 1em 0;
text-align: right;
margin: 0 1em 0 0;
}
div.left49 {
float: left;
width: 49%;
}
div.right49 {
float: right;
width: 49%;
text-align: right;
}
td.head
{
width: 240px;
height: 18px;
font-family: verdana;
font-size: 10px;
font-weight: bold;
color: #ccddee;
background-color: #1e598b;
}
tr.normal
{
font-weight:normal;
}
td.num
{
width:210px;
border-bottom:1px solid #203b59;
padding-left:5px;
}
td.track
{
width:230px;
border-bottom:1px solid #203b59;
padding-left:5px;
}
td.artist
{
width:230px;
border-bottom:1px solid #203b59;
padding-left:5px;
}
tr.hover
{
background-color:#D3D3D3;
font-weight:bold;
}Vielen Dank schon mal, ich bin ohne euch aufgeschmissen, da ich ein CMS/CSS Newbie bin...
[gelöscht durch Administrator]
...
...
