|
|||
CSS Positionierungsprobleme mit Safari und Opera
Hi,
ich versuche verzweifelt einen "ScrollToTop"-Button an einer bestimmten Position fest anzeigen zu lassen. Ich habe ein mittig platzierten Container, der den Inhalt meiner Seite umschließt. Dieser Container ist 1024px breit, der Abstand links und rechts zum Bildschirmrand ist entsprechend mit HTML-Code:
margin: 0px auto; Der Button soll nun mit HTML-Code:
position: fixed; HTML-Code:
#scrollToTop { width: 38px; height: 38px; text-align: center; background: whiteSmoke; background-repeat: no-repeat; font-weight: bold; color: #444; text-decoration: none; position: fixed; bottom: 12px; right: -moz-calc(50% - 511px); right: -webkit-calc(50% - 511px); right: -o-calc(50% - 511px); right: calc(50% - 511px); display: none; background: url('img/top.png') no-repeat; } Den Button im Inhaltscontainer rechts auszurichten ist keine Option, da der Scroll-Button permanent an derselben Stelle des Bildschirms zu sehen sein soll. |
Sponsored Links |
|
|||
Anstelle eines crosspostings (von psdtutorials.de) hättest du auch googlen können
Dann hättest du das vielleicht gefunden. btw, Opera (Version 29) hat die selbe rendering engine wie chrome, also wenn es dort passt, dann passt es auch im Opera. Die veraltete Opera Version 12 kann calc noch nicht so umfangreich wie die aktuelle, das wirst du in dem Browser also nicht hinbekommen. Wie es um Safari aussieht weiß ich nicht, der hat aber auch keine berauschenden Marktanteile ^^ |
Sponsored Links |
|
|||
Hallo,
mit deinen Quellcodeschnipseln ist wenig anzufangen. Zitat:
Dann gibt es nur zwei Möglicheiten: 1. Der Button befindet sich (wie standardmäßig vorgesehen) im Fluss. Damit ist seine Position abhängig vom Behälter. 2. Der Button ist aus dem Fluss herausgenommen. Dann ist seine Position vom Fenster abhängig. Gemischte Lösungen (rechter Rand zum Behälter, unterer Rand zum Fenster) sind technisch nicht möglich. Du kannst also mit "position: fixed" höchstens dafür sorgen, das der Abstand vom Fensterrand scheinbar zum Container passt. Dafür sind solche Konstruktionen wie deine in der Regel überhaupt nicht notwendig. Der aktuelle Safari kann auch mit calc umgehen. Kann es sein du es mit der Safari-Windows-Version getestet hast? Die wird seit über 2 Jahren offiziell nicht mehr unterstützt und entsprechend auch nicht weiter entwickelt. Das der Safari vernachlässigt werden kann soll aber wohl eher ein Witz sein. Gruss MrMurphy Geändert von MrMurphy (06.05.2015 um 09:10 Uhr) |
|
||||
Zitat:
A Pen by Captain Anonymous
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
Stichwörter |
calc, css, opera, right, safari |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS display block (?) und Opera | vega | CSS | 4 | 06.11.2014 14:00 |
In Safari, Opera ist Fußzeile zu tief | pixel24 | CSS | 6 | 14.12.2009 18:38 |
white-space = Valides CSS für IE, Opera, usw. | schmidtsmikey | CSS | 4 | 21.05.2008 21:10 |
pdf im Firefox und Opera und Safari | paracelsus | Offtopic | 4 | 03.11.2007 14:19 |
CSS - align="right" nur Im Opera. Firefox und IE nicht | frankm123 | CSS | 8 | 08.06.2006 15:52 |