Hallo,
Ich nutze folgenden Scriptcode:
<script type="text/javascript">
var info = document.getElementById("infoBox");
info.style.display = "none";
info.style.position = "absolute";
info.style.zIndex = 999;
info.style.left = "435px";
function buttonShow() {
info.style.display = "";
}
function buttonHide() {
info.style.display = "none";
}
</script>
Wie bekomme ich es hin, dass z.b. mein IPhone nicht
info.style.left = "435px";
sondern z.b.
info.style.left = "10px";
nutzt?
Im Idealfall mit CSS und Mediaqueries.
z-index, position und left haben hier eigentlich nichts zu suchen und sollte per CSS-Klasse definiert werden.
Ich habe den Code übernommen und weiß leider nicht wie man es umschreibt.
Könntest du dies tun?
Ggf mit Mediaqueries?
[CODE=CSS].infobox {
position:absolute;
left: 435px;
z-index: 999;
}
@media all and (max-width: 736px) {
.infobox {
left: 10px;
}
}[/CODE]
So schwer?
So schwer das ich es nicht schaffe…
Ich habe mein Script geändert:
[CODE][/CODE]
In einer CSS Datei habe ich den Code eingegeben.
Leider wird der CSS Code ignoriert.
Habe ich was falsch gemacht?!
Dem Element #infoBox die Klasse infobox geben 