Apfelkuchen
Mitglied
hallo. ich arbeite gerade an meiner neuen homepage und habe so kleine schwierigkeiten mit FF & IE. Im IE wird das einfach nicht so dargestellt wie es sein sollte:
Link zum redesign: http://farukp.com/redesign/
CSS Code:
im Anhang sind die Views der beiden Browser.
Im Html habe ich folgendes eingefügt:
Link zum redesign: http://farukp.com/redesign/
CSS Code:
Code:
body {
background-image: url(img/bg.gif);
background-repeat: repeat-x;
background-color: Silver;
font-size: 10px;
font-family: Sans-Serif, Verdana, Arial, Helvetica, SunSans-Regular;
color:#564b47;
scrollbar-face-color:#e1ddd9;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#e1ddd9;
scrollbar-shadow-color: #e1ddd9;
scrollbar-highlight-color: #e1ddd9;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-Color:#000000;
}
a:link {
color:#37667B;
text-decoration: none;
}
a:visited {
color:#56595c;
}
a:hover {
background-color:#bcc9d6;
}
#shoutboxlabel {
position:absolute;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: Black;
height:29px;
width:200px;
padding-top: 15px;
margin: 0px 0px 0px -30px;
top: 50px;
left: 70%;
text-align: center;
border-top: 1px solid silver;
border-right: 1px solid silver;
border-left: 1px solid silver;
overflow: no;
filter:progid:-)XImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/75p_blue.png');
background-image:url(img/75p_blue.png);
}
#shoutboxinput {
position:absolute;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: Black;
height:185px;
width:200px;
margin: 0px 0px 0px -30px;
top: 94px;
left: 70%;
text-align: center;
border-bottom: 1px solid grey;
border-right: 1px solid grey;
border-left: 1px solid grey;
overflow: no;
filter:progid:-)XImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/75p_green.png');
background-image:url(img/75p_green.png);
}
#shoutboxoutput {
position:absolute;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: Black;
height:300px;
width:200px;
margin: 0px 0px 0px -30px;
top: 280px;
left: 70%;
text-align: center;
border-bottom: 1px solid grey;
border-right: 1px solid grey;
border-left: 1px solid grey;
overflow: auto;
filter:progid:-)XImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/75p_green.png');
background-image:url(img/75p_green.png);
}
.eingabe {
background-image: url(img/input_bg.gif);
padding-left: 5px;
margin-left: 10px;
width: 170px;
border : 1px solid #b2aaa4;
color : #000000;
font-family: Sans-Serif, Verdana, Arial, Helvetica, SunSans-Regular;
font-size : 10px
}
.send {
background-image: url(img/input_bg.gif);
border : 1px solid #000000;
color : #000000;
font-family: Sans-Serif, Verdana, Arial, Helvetica, SunSans-Regular;
font-size : 9px;
font-weight : bold}im Anhang sind die Views der beiden Browser.
Im Html habe ich folgendes eingefügt:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
