EBA
Grünschnabel
Hallo,
Baue gerade eine ganz einfache Seite und verzweifle mit der Darstellung im IE7 und FF.
Im FF schaut alles gut aus. Im IE7 ist der Beginn oben abgeschnitten.
Das seltsame: das CSS mit margin-top: -300px; funktioniert auf einer Seite:
http://heinzi.grafsoft.co.at/dr-schmoelzer/main.html (div.willkommen)
und auf den anderen nicht:
http://heinzi.grafsoft.co.at/dr-schmoelzer/bio.html (div.txt2)
Habs auch mit position absolute und z-index:1 probiert, aber es ändert sich nichts.
Hier die CSS:
Wahrscheinlich übersehe ich nur was ganz blödes. Weiß irgendwer was?
LG
EBA
PS: der W3C Validator sagt, dass CSS und HTML in Ordnung sind.
Baue gerade eine ganz einfache Seite und verzweifle mit der Darstellung im IE7 und FF.
Im FF schaut alles gut aus. Im IE7 ist der Beginn oben abgeschnitten.
Das seltsame: das CSS mit margin-top: -300px; funktioniert auf einer Seite:
http://heinzi.grafsoft.co.at/dr-schmoelzer/main.html (div.willkommen)
und auf den anderen nicht:
http://heinzi.grafsoft.co.at/dr-schmoelzer/bio.html (div.txt2)
Habs auch mit position absolute und z-index:1 probiert, aber es ändert sich nichts.
Hier die CSS:
Code:
body {
padding : 0;
margin : 0;
outline : none;
background-color : #ffffcf;
font-family : Arial, sans-serif;
font-size : 10px;
font-weight : normal;
background : url(images/nav.gif) repeat-y;
background-position : 0 90px;
}
#maincontainer {
height : 800px;
width : 1000px;
margin-right : auto;
margin-bottom : 0;
padding : 0;
}
td.fett1 {
font-weight : bold;
text-align : left;
padding : 8px;
font-size : 10pt;
color : #757575;
text-indent : 21px;
}
td.fett2 {
font-weight : bold;
text-align : left;
padding : 8px;
font-size : 10pt;
color : #757575;
text-indent : 63px;
}
td.fett3 {
font-weight : bold;
text-align : left;
padding : 8px;
font-size : 10pt;
color : #757575;
text-indent : 31px;
}
td.fett4 {
font-weight : bold;
text-align : left;
padding : 8px;
font-size : 10pt;
color : #757575;
text-indent : 37px;
}
td.fett5 {
font-weight : bold;
text-align : left;
padding : 8px;
font-size : 10pt;
color : #757575;
text-indent : 2px;
}
td.fett6 {
font-weight : bold;
text-align : left;
padding : 8px;
font-size : 10pt;
color : #757575;
text-indent : 9px;
}
td.fett7 {
font-weight : bold;
text-align : left;
padding : 8px;
font-size : 10pt;
color : #757575;
text-indent : 29px;
}
td.fett8 {
font-weight : bold;
text-align : left;
padding : 8px;
font-size : 10pt;
color : #757575;
text-indent : 12px;
}
td.fett9 {
font-weight : bold;
text-align : left;
padding : 8px;
font-size : 10pt;
color : #757575;
text-indent : 45px;
}
#dropmenudiv {
position : absolute;
border-bottom-width : 0;
font : normal 10pt Arial;
z-index : 100;
}
#dropmenudiv a {
width : 100%;
display : block;
text-indent : 3px;
padding : 1px 0;
text-decoration : none;
font-weight : bold;
}
#dropmenudiv a:hover {
background-color : #c70219;
}
a:link {
color : #060606;
background-color : #c70219;
text-decoration : none;
}
a.link1 {
background-color : #a5a5a5;
}
a.link2 {
background-color : #ffffff;
}
a:visited {
color : #a5a5a5;
background-color : #c70219;
text-decoration : none;
}
a:visited.link2 {
color : #a5a5a5;
background-color : #ffffff;
text-decoration : none;
}
a:active {
color : #060606;
background-color : #c70219;
text-decoration : none;
}
a:active.link2 {
color : #060606;
background-color : #ffffff;
text-decoration : none;
}
a:hover {
color : #ffffff;
background-color : #c70219;
text-decoration : none;
}
a:hover.link2 {
color : #c70219;
background-color : #ffffff;
text-decoration : none;
}
div.txt {
margin-left : 200px;
font-size : 12pt;
}
div.willkommen {
margin-left : 200px;
font-size : 14pt;
color : #c70219;
margin-top : -300px;
text-align : center;
}
div.txt2 {
margin-left : 228px;
margin-top : -300px;
font-size : 12pt;
position:absolute;
z-index:1;
}
p {
text-align: center;
}
Wahrscheinlich übersehe ich nur was ganz blödes. Weiß irgendwer was?
LG
EBA
PS: der W3C Validator sagt, dass CSS und HTML in Ordnung sind.
Zuletzt bearbeitet: