Kann mir jemand helfen?
Auf meinem PC wird die Website richtig angezeigt aber wenn ich die ansicht verkleiner oder zomme dann ist alles verrutscht.
Link:
mymusic-space.de/
[code]html {
padding: 0;
}
body {
background-color:#106686;
min-width:960px;
font-family:arial;
background-position: center;
background-position: top;
text-align: left;
font-family: verdana;
font-size: 9pt;
color: #000000;
padding: 0;
margin: 0;
}
div {
margin: 0;
padding: 0;
}
#header {
width:100%;
height:226px;
background:url(img/header_bg.gif) repeat-x;
margin:0px auto;
text-align:center;
}
#menue_bg {
width:100%;
height:47px;
background:url(img/menue_bg.gif) repeat-x;
position: relative;
top:-5px;
margin-right: 10px;
}
#menue {
width:960px;
margin:0px auto;
text-align: center;
position: relative;
top: 0px;
margin-right: 255px;
}
#menue a {
text-decoration:none:
}
.menue_button {
float:left;
width:149px;
height:47px;
background:url(img/menue.gif) no-repeat;
background-position:0px 0px;
}
.menue_button p {
font-size:16px;
font-family:arial;
color:white;
margin:0px;
margin-top:8px;
}
.menue {
width: 100%;
height: 38px;
}
#infobox {
width:960px;
height:207px;
margin:0px auto;
background-color:white;
position: relative;
top: -5px;
display:block;
overflow:auto;
}
#trennbalken {
float:right;
width:960px;
height:9px;
background:url(img/trennbalken.gif) repeat-x;
position:relative;
top: -5px;
margin-right:279px;
clear: both;
}
#website {
width:720px;
height:750px;
margin:25px auto;
text-align:center;
background-color:white;
position:relative;
top: -20px;
margin-right:520px;
clear: both;
display:block;
overflow:auto;
font-size: 12pt;
font-weight: bold;
}
#webtrenner {
float:right;
width:4px;
height:689px;
background:url(img/webtrenner.gif) no-repeat;
position: relative;
top:-634px;
margin-right:529px;
clear: both;
}
#webright {
width:251px;
height:750px;
margin:0px auto;
text-align:center;
background-color:white;
position:relative;
top: -1484px;
margin-right:275px;
clear: both;
font-size: 14pt;
font-weight: bold;
}
#leiste a {
text-decoration:none:
}
.leiste_button {
float:right;
width:248px;
height:44px;
background:url(img/button.gif) no-repeat;
background-position:0px 0px;
position:relative;
top: -2230px;
margin-right:279px;
clear: both;
}
.leiste_button p {
font-size:16px;
font-family:arial;
color:white;
margin:0px;
margin-top:8px;
}
.leiste {
width:100%;
height:38px;
}
#w_leiste {
float:right;
width:248px;
height:54px;
background-position:0px 0px;
position:relative;
top: -2230px;
margin-right:279px;
clear: both;
}
#footer_bg {
width:960px;
height:20px;
background: url(img/footer.png) repeat-x;
margin-left:280px;
position: relative;
top: -1760px;
display:block;
overflow:auto;
}
#footer_info {
float:inherit;
width: 631px;
height: 20px;
color:#FFFFFF;
font-family:arial;
font-size:12px;
margin-left:129px;
}
[/code]
) angezeigt wird, dann ist das wohl auf Glück zurückzuführen. Keiner meiner verwendeten Browser (Chrome, IE und FF) stellt die Seite richtig dar. Eventuell erstmal die CSS- und HTML-Fehler beheben:
