Gästebuch-Template

Status
Nicht offen für weitere Antworten.

schutzgeist

Erfahrenes Mitglied
Hallo,

ich habe mir vorhin ein Gratis-Gästebuch angelegt und es eben angepasst.
Im FF siehts auch wunderbar aus.. Jetzt schau ich grad mit IE6 drauf und trau meinen Augen fast nicht...
Liegt das am CSS? Oder an der Seite ansicht?
Wieso klappt es im FF und im IE nicht?
Wo zum Geier kommen die Scrollbalken her?

Gästebuch online

gb.css
Code:
/* CSS Document */
#container {
background: url(http://www.maler-huss.com/image/bg/bg_gb.jpg) repeat-y;
}
#header {
background: #FFF url(http://www.maler-huss.com/image/head/head_gb.jpg) no-repeat;
}
#footer {
background: #BB5C46 url(http://www.maler-huss.com/image/bg/gb.jpg) repeat-x;
}
table {
color: #FFF;
font-size: 10pt;
}
.color {
color: #8264a0;
font-weight: bold;
}
input, textarea {
border: 1px solid #FFF;
background: #8264a0;
width: 150px;
color: #FFFFFF;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
}
.button {
width: 100px;
}
span.searched {
background-color:#8264a0;
font-weight:bold;
}
span.error {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size:15pt;
font-weight:bold;
}
.check, .errorde, .erroren {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #000;
}

mh.css
Code:
/* CSS Document */
body {
margin: 0;
background: #ccc;
}
#container {
position: relative;
width: 800px;
border: 1px solid #FFF;
margin: 0 auto;
overflow: auto;
}
h2 {
font-size: 10pt;
font-weight: bold;
}
#header {
height: 150px;
border-bottom: 1px solid #fff;
text-align: right;
}
#navi {
position: relative;
float: left;
width: 201px;
}
#navi ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#navi li {
height: 25px;
border-bottom: 1px solid #fff;
float: left;
}

#navi li img {
display: block;
}

#content {
float: left;
position: relative;
width: 549px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #FFF;
line-height: 22pt;
margin: 15px 30px 0px 20px !important; 
margin: 25px 30px 10px 20px; /* nur für den IE */
}
#anschrift {
width: 132px;
height: 129px;
bottom: 0;
float: left;
margin-top: -129px;
}
#footer {
position: relative;
float: left;
width: 800px;
height: 25px;
border-top: 1px solid #fff;
}
a:link, a:visited {
color: #FFF;
}

Besten Dank schonmal!
Steffi

PS: Das der Balken unten farblich noch nicht dazu passt ist bekannt ;)
 

Anhänge

  • gbingo.jpg
    gbingo.jpg
    61 KB · Aufrufe: 278
Hi,

übergib das Dokument im "Standardsmode", wie beispielsweise mit dieser Doctype-Deklaration:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
dann klappt's auch im IE6 mit dem Layout.
 
Status
Nicht offen für weitere Antworten.
Zurück