[falcao1010]

Hallo, 

ich habe ein kleines Widget mit Stellenanzeigen eingebunden. Dieses Widget ist vom Grundsatz responsiv. Mit meinem neuen responsiven Theme BootBB beißt es sich aber in der Desktop- und auch in der mobilen Ansicht.

Beispiel: https://www.kommunalforum.de/stellenanze...dienst.php 

Die CSS des Widgets liegen mir vor und dürfen angepasst werden.
Hat jemand Zeit und Lust, sich das anzuschauen und Hinweise zur Anpassung zu geben?
Ggf. können wir dies auch als kleinen Job vereinbaren.

Grüße

[SvePu]

Bearbeite bitte die: stellenanzeigen_widget_search.css
und ändere:

Code:

.container {width: 800px;margin: 0 auto;}

in:

Code:

.container {margin: 0 auto;}

[falcao1010]

Dies hat bei mir leider keine Verbesserungen gebracht.

[SvePu]

Die Änderung ist im Quelltext auch noch nicht erkennbar....schau da bitte nochmal in die o.g. CSS-Datei rein.

[Schnapsnase]

Wenn Du es bei einer eingeschränkten Breite belassen möchtest, kannst Du auch wie folgt vorgehen:

ändere Zeile 254:

Code:

.container {width: 800px;margin: 0 auto;}

in z.B.

Code:

.container {width: 70vw;margin: 0 auto;}

[bv64]

rein interessehalber, will ja immer dazu lernen, Schnapsnase, was bewirkt 70vw?

[falcao1010]

Oh sorry, SvePu, mein Fehler beim Upload. jetzt funktioniert es. Vielen Dank!

Danke auch an Schnapsnase, ich werde das mal prüfen.

[Schnapsnase]

...Schnapsnase, was bewirkt 70vw?

@bv64

im originalen css des Widgets ist die Breite auf feste 800px gesetzt. Somit kann es sich auch nicht responsive verhalten.
70vw heißt 70% der Viewportbreite. Der Unterschied vw zu % ist, dass sich % immer am Elternelement ausrichtet.
VW richtet sich immer am Viewport aus, egal, ob es Elternelemente gibt. Gleiches gilt natürlich für vh (Viewporthöhe)

Ich hoffe, es war verständlich.

[bv64]

ah Viewportbreite, thank you very much
Danke, war absolut verständlich