Hallo, nach gut 10 Jahren bin ich dabei meine Webseite ein neues Design zu geben. Soweit so gut, was ich nicht hinbekomme ist ein DIV Container der fix und rechts am body ausgerichtet ist.
Also die ganze Seite wird mittig im Browser ausgerichtet.
Code
html {
height: 100%;
background: #333;
padding: 0 0.31em;
}
/*setzt alles in die Mitte*/
body {
margin-left: auto;
margin-right: auto;
margin-top: 0.31em;
padding: 0.31em;
max-width: 85em;
background: #444;
border: #999 solid 0.12em;
border-radius: 0.31em;
}
Alles anzeigen
und jetzt möchte ich einen DIV Fixed haben der immer rechts am body steht.
Code
.fixtools {
padding: 0.2em;
font-weight: bold;
background: #8a5;
z-index: 999999;
top: 10vh;
float: right;
text-align: right;
position: fixed;
}
Alles anzeigen
Im HTML schauts eigentlich nur so aus.
PHP
<!doctype html>
<html lang="de">
<head>
<?php include($metas); ?>
</head>
<body onload="init();">
<header id="banner">
<!--Hauptnavigation-->
<?php include($hauptnavigation); ?>
<!--Ende Hauptnavigation-->
</header>
<section>
<?php include($brotkrume); ?>
<h1><?php echo "$title"; ?></h1>
</section>
<div class="fixtools">
<p>
<img src="fix-diagramm.png" width="16" height="16" alt=""><br>
<img src="fix-karte.png" width="16" height="16" alt=""><br>
<img src="fix-hoch.png" width="16" height="16" alt="">
</p>
</div>
<footer>
<?php include($footertext); ?>
</footer>
</body>
</html>
Alles anzeigen
html-seminar.de/woltlab/attachment/1885/
Aber das geht nicht richtig, wenn ich float: right setze bleibt es links am body und wenn ich rigth: 0 setze ist es zwar rechts aber leider am Browserrand und nicht am rechten Rand vom body (Pfeil).
Ich bin nun leider mit meinem Anfängerwissen am Ende.
Kann mir hier jemand einen Tipp geben wie das gehen könnte.
Gruß und schönes WE