zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Mehrere Angaben im Style-Tag möglich?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 17.07.2019, 18:54
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.08.2009
Beiträge: 36
Sunlion befindet sich auf einem aufstrebenden Ast
Standard 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>
Der Style-Tag soll unterschiedliche Werte für left bekommen, die je nach Monitorauflösung angewendet werden. Ist das möglich?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 17.07.2019, 22:01
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.08.2009
Beiträge: 36
Sunlion befindet sich auf einem aufstrebenden Ast
Standard

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}">
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 18.07.2019, 08:22
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 1.999
cloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekannt
Standard

Zitat:
Zitat von Sunlion Beitrag anzeigen
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.?
Warum? Du kannst in deinen CSS Dateien die Werte die im Style Tag definiert werden mittels !important überschreiben.
Mit Zitat antworten
  #4 (permalink)  
Alt 18.07.2019, 09:09
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.08.2009
Beiträge: 36
Sunlion befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
  #5 (permalink)  
Alt 18.07.2019, 12:40
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 1.999
cloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekannt
Standard

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.
Mit Zitat antworten
  #6 (permalink)  
Alt 18.07.2019, 12:57
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.08.2009
Beiträge: 36
Sunlion befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von cloned Beitrag anzeigen
Außer es ist ein absolut positioniertes Element was ein anderes so überlappen soll.
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.
Angehängte Grafiken
Dateityp: jpg webdesign1.jpg (46,2 KB, 5x aufgerufen)
Mit Zitat antworten
  #7 (permalink)  
Alt 18.07.2019, 14:45
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.08.2009
Beiträge: 36
Sunlion befindet sich auf einem aufstrebenden Ast
Standard

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!
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Canonical Tag? gabischatz (X)HTML 3 20.12.2012 15:26
Erster Tag & Letzter Tag des vorherigen Monats berechnen test_nick Serveradministration und serverseitige Scripte 3 01.08.2012 16:39
Redesign für Steiner Cycling Team pkipper Site- und Layoutcheck 11 09.02.2011 12:25
Safari ignoriert meine Style Angaben Grinarn CSS 3 22.04.2009 18:35
Div im IE zu hoch RancoR CSS 10 09.07.2007 23:11


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:40 Uhr.