Also, ich bastel im Moment etwas an einer Seite und habe jetz Probleme mit der größeneinhaltung.
Es handelt sich um folgende Seite:
Unter Chrome geht es einigermaßen, habe sie mir aber eben unter firefox angeschaut und gefühlt nen anfall bekommen.
Ich bekomme es nicht hin, dass das Hintergrundbild sich nicht wiederholt und sich über den gesammten Bildschirm streckt. Jedoch muss ich dazu sagen das ich das Hintergrundbild mit Java eingefügt habe, da ich es sich wechseln lassen wollte.
Codeausschnitt:
<script>
function changeBackground(imgid){
images = new Array("Background.jpg","Background2.jpg","Backgrou nd3.jpg","Background4.jpg");
document.body.style.backgroundImage = "url('" + images[imgid] + "')";
anzahl = images.length - 1;
imgid = (anzahl > imgid) ? imgid+1 : 0;
window.setTimeout("changeBackground("+imgid+")", 10000);
}
</script>
</head>
<body onload="changeBackground(0);" style="background-size: 100%;">
Ein weiteres Problem scheint es zu seit, das ich die Navileiste oben nicht so hinbekomme, das die Schrift sich automatisch verkleinert wenn sie nicht in eine Zeile passt. (Is mir je nach Bildschirn aufgefallen das man dann plötzlich nach rechts scrollen kann, sehr ärgerlich)
Auch hier gibts wieder Ausschnitte
Html
<div id="navi"><div id="buttons"><center>
<ul>
<li>
<a href="index.html">Produkte</a>
</li>
<li>
<a href="index.html">Galerie</a>
</li>
<li>
<a href="index.html">Dienstl.</a>
</li>
<li>
<a href="index.html">Kontakt</a>
</li>
<li>
<a href="index.html">Impressum</a>
</li>
</ul>
</center>
</div></div>
Css:
div#buttons {
margin: 0 auto;
width: 1200px;
height: 50px;
}
div#navi {
margin: 0 auto;
width: 100%;
height: 50px;
background-image: url(pic/head.png);
}
ul {
list-style-type: none;
}
ul a {
width: 200px;
height: 30px;
display: block;
text-decoration: none;
text-align: center;
padding: 10px;
font-size: 27px;
color:white;
margin: 0px 1px 0px 1px;
}
ul a:visited {
text-decoration: none;
color:white;
}
ul a:hover {
text-decoration: underline;
color:white;
}
ul a:active {
text-decoration: underline;
color:white;
}
ul li {
float: left;
}
Ich hoffe man kann und will mir helfen :3
Danke im vorraus
