Moin alle,
in meiner Seite gibts nen klassischen Footer (nicht mit flex) das wird so weit ich das beurteilen kann in allen mir verfügbaren Browsern so dargestellt wie es soll, außer im Opera Desktop.
das css:
footer {
display: block;
position:fixed;
padding: 10px;
bottom:0;
left: 0;
right:0;
background: #2d2d2d;
border-color: #000;
z-index:8;
opacity: .9;
}
footer p {
float:right;
margin: 0;
}
.fa {
font-family: 'FontAwesome';
font-style: normal;
color: lime;
font-size: 1em;
}
und das HTML:
<footer>
<a class="foooter" href="start.html"><i class="fa fa-camera"></i></a>
<a class="foooter" href="start.kolumne.01.html"><i class="fa fa-align-left"></i></a>
<a class="foooter" href="start.contact.php"><i class="fa fa-envelope"></i></a>
<a class="foooter" href="start.about.html"><i class="fa fa-user"></i></a>
<p>© 2022 Torsten Jungmann</p>
</footer>
aus einem mir nicht bekannten Grund wird das im Opera unterhalb eines "grid" angezeigt und die fixed position funktioniert auch nicht, genau so wenig wie das float für den text.
Bestimmt verleiern hier einige gleich die Augen weil das bestimmt mal wieder ein dummer Anfängerfehler ist und mir fehlts tatsächlich an der Übung... könnte mir mal bitte jemand den Knoten lösen?
Danke schon mal im Voraus & auf Wiederlesen!
der torsten
--
Shakespeare: To be or not to be / Sartre: To be is to do / Camus: To do is to be / Sinatra: Do be do be do
Shakespeare: To be or not to be / Sartre: To be is to do / Camus: To do is to be / Sinatra: Do be do be do