|
|||
Mehrere Angaben im Style-Tag möglich?
Ich habe eine Webseite mit mehreren Viewport-Größen-Angaben in den Stylesheets, was auch wunderbar funktioniert, das heißt, die Webseite passt sich an verschiedene Monitorauflösungen an.
Es gibt auf der Seite jedoch auch eine einzelne Div-Box, die mittels Style-Tag im HTML-Bereich unterschiedliche Werte für verschiedene Monitorauflösungen zugewiesen werden sollen, also nicht über die CSS-Dateien. Und ich kann nirgends etwas darüber finden, ob das funktioniert. So sieht der Code aus: Code:
<div class="subspalte2" style="left: -88px"> … </div> |
Sponsored Links |
|
|||
Ich habe mal das hier probiert, abgeleitet von der Syntax in CSS, leider funktioniert es nicht. Aber es verdeutlicht, was ich meine:
Code:
<div class="subspalte2" style="@media only screen and (max-width:2559px) and (max-height:1439px){left: -88px} @media only screen and (max-width:2559px) and (max-height:1000px){left: -100px} @media only screen and (max-width:1919px){left: -200px}"> |
Sponsored Links |
|
|||
Warum? Du kannst in deinen CSS Dateien die Werte die im Style Tag definiert werden mittels !important überschreiben.
|
|
|||
Das hilft leider nicht.
Stell Dir einfach vor – es gibt noch neun weitere von dieser Div-Box, die über die Seite verteilt sind. Für diese gibt es in den CSS-Einstellungen einen Standardwert, der überall passt. Er passt nur nicht für die eine Div-Box, die befindet sich nämlich am rechten Rand der Seite und würde mit dem Standardwert über den Seitenrand hinausragen. Deshalb benötigt sie einen individuellen Wert, der sie über den Rand nach links „zurückzieht“. Das funktioniert auch. Allerdings nur bei einer bestimmten Bildschirmauflösung. Für die anderen Auflösungen werden andere Werte benötigt. Und die würde ich gern hintereinander im Style-Tag eingeben. Inzwischen habe ich aber eine Nacht drüber geschlafen und bin zu der Erkenntnis gelangt, dass ich ebenso gut eine neue Klasse in der CSS-Datei definieren kann, nämlich speziell für die Div-Box, die am Rand liegt. Kommt aufs selbe raus. |
|
|||
Ich würde hier eventuell den gesamten Aufbau der Seite nochmal überdenken, so spezifische left Angaben sind eigentlich nie nötig. Außer es ist ein absolut positioniertes Element was ein anderes so überlappen soll.
Dein Element hat doch schon eine CSS klasse, da musst du keine neue definieren. <div class="subspalte2" style="left: -88px"> <- subspalte2 Falls es mehrere solche Elemente mit der Klasse gibt dann macht eine eigene Klasse nur für dieses div natürlich Sinn. Aber du wirst nicht darum herum kommen deine styles im CSS zu definieren. |
|
|||
Genau, es handelt sich um ein Popup-Fenster, das über einem anderen Element erscheinen soll. Die Position steht auf „relative“. Mit den Werten für Top und Left wird das Fenster an die gewünschte Stelle gerückt.
|
|
|||
Alles klar, hat sich erledigt. Ich habe einfach eine zusätzliche Klasse angelegt. Ist auch besser so, falls weitere Div-Container notwendig werden, die ebenfalls rechts am Rand liegen.
Danke Euch! |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Canonical Tag? | gabischatz | (X)HTML | 3 | 20.12.2012 16:26 |
Erster Tag & Letzter Tag des vorherigen Monats berechnen | test_nick | Serveradministration und serverseitige Scripte | 3 | 01.08.2012 17:39 |
Redesign für Steiner Cycling Team | pkipper | Site- und Layoutcheck | 11 | 09.02.2011 13:25 |
Safari ignoriert meine Style Angaben | Grinarn | CSS | 3 | 22.04.2009 19:35 |
Div im IE zu hoch | RancoR | CSS | 10 | 10.07.2007 00:11 |