Problem mit Fotobreite bei unterschiedlichen Auflösungen

[Gast] Foren Web allgemein HTML und CSS / Stylesheets Problem mit Fotobreite bei unterschiedlichen Auflösungen

Web allgemein

Themen

Beiträge

Moderatoren

Letzter Beitrag

HTML und CSS / Stylesheets

1193

6413

FSt

19. Dez 2022, 21:28

Vitus

jdgf

Beiträge gesamt: 117

13. Dez 2006, 13:20
Beitrag # 1 von 9
Bewertung:
(1399 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo,

ich habe das Layout der Seite http://www.kolping-hohenfels.de/demo/layoutaendern.htm so eingerichtet, dass sie sich von 780px auf 980px umschalten läßt. Die Fotos in der obersten Reihe werden bei der größeren Auflösung gestreckt und sehen meist nicht so besonders aus.
Wäre es möglich, mit CSS ein viertes Foto bei der Auflösung 980px sichtbar zu machen bzw. unsichtbar bei der kleineren Auflösung?

Danke und Gruß,
Dietmar

Problem mit Fotobreite bei unterschiedlichen Auflösungen

SabineP

Beiträge gesamt: 7586

13. Dez 2006, 14:00
Beitrag # 2 von 9
Beitrag ID: #266737
Bewertung:
(1394 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo Dietmar,

mit CSS kannst Du Hintergrundbilder einbinden:
http://www.w3.org/.../current/test533.htm

und positionieren:
http://www.w3.org/.../current/test536.htm

Gruß Sabine

als Antwort auf: [#266728]

Problem mit Fotobreite bei unterschiedlichen Auflösungen

jdgf

Beiträge gesamt: 117

13. Dez 2006, 14:29
Beitrag # 3 von 9
Beitrag ID: #266745
Bewertung:
(1384 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo Sabine,

ich glaube, dass es leider so nicht geht. Denn die Bilder werden über ein Zufallsscript ausgewählt und eingefügt.

Code

<div id="banner"> 
		<img class="headpixrahmen" src="/demo/gif/Rahmen1.jpg" alt="Hohenfels" /><img class="headpix" alt="zufallsbild 1" src="pix/075.jpg"/><img class="headpix" alt="zufallsbild 2" src="pix/040.jpg"/><img class="headpix" alt="zufallsbild 3" src="pix/056.jpg"/><img class="headpixrahmen" src="/demo/gif/Rahmen2.jpg" alt="Kolping" /> 
	</div>

Der eigentliche Code lautet:

Code

<img class="headpixrahmen" src="$home/gif/Rahmen1.jpg" alt="Hohenfels" />{SCRIPT_ZUFALL_01}{SCRIPT_ZUFALL_02}{SCRIPT_ZUFALL_03}<img class="headpixrahmen" src="$home/gif/Rahmen2.jpg" alt="Kolping" /> 
	</div>

Gruß, Dietmar

als Antwort auf: [#266737]
(Dieser Beitrag wurde von jdgf am 13. Dez 2006, 14:33 geändert)

Problem mit Fotobreite bei unterschiedlichen Auflösungen

SabineP

Beiträge gesamt: 7586

13. Dez 2006, 15:07
Beitrag # 4 von 9
Beitrag ID: #266751
Bewertung:
(1379 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Ich dachte da eher an ein rechts positioniertes Hintergrundbild für <div id="banner">

Gruß Sabine

als Antwort auf: [#266745]
(Dieser Beitrag wurde von SabineP am 13. Dez 2006, 15:07 geändert)

Problem mit Fotobreite bei unterschiedlichen Auflösungen

jdgf

Beiträge gesamt: 117

13. Dez 2006, 16:54
Beitrag # 5 von 9
Beitrag ID: #266777
Bewertung:
(1361 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo Sabine,

ich habe es so gelöst, indem ich bei der 780px-breiten Seite das zweite der vier inneren Fotos auf width=0.001% gesetzt habe. Die Höhe habe ich bei 107px belassen.

Im IE und Opera stimmen dann die Breiten nicht, FF wäre ok. Liegt es an den prozentualen Angaben oder generell?

Gruß, DIetmar

als Antwort auf: [#266751]
(Dieser Beitrag wurde von jdgf am 13. Dez 2006, 17:01 geändert)

Problem mit Fotobreite bei unterschiedlichen Auflösungen

SabineP

Beiträge gesamt: 7586

13. Dez 2006, 17:17
Beitrag # 6 von 9
Beitrag ID: #266786
Bewertung:
(1356 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Die richtige Maßeinheit für Bilder ist Pixel, aber nicht Prozent.

Gruß Sabine

als Antwort auf: [#266777]

Problem mit Fotobreite bei unterschiedlichen Auflösungen

jdgf

Beiträge gesamt: 117

13. Dez 2006, 21:29
Beitrag # 7 von 9
Beitrag ID: #266841
Bewertung:
(1341 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo Sabine,

du hast recht :-) . Bloß der IE bei 780px mag irgendwie nicht. Dabei
sind die Breiten in px: 170 + 146 + 1 + 146 + 146 + 170 < 780; dennoch vergrößert er den Bereich des Container um ca 20 px.
Vor der Änderung hatte er die px-Breiten problemlos akzeptiert.

Gruß, Dietmar

als Antwort auf: [#266786]

Problem mit Fotobreite bei unterschiedlichen Auflösungen

jdgf

Beiträge gesamt: 117

14. Dez 2006, 06:59
Beitrag # 8 von 9
Beitrag ID: #266871
Bewertung:
(1332 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Antwort auf: Bloß der IE bei 780px mag irgendwie nicht.

Lag an der Einstellung der Schriftgröße. Bei kleiner paßt es. Danke für deine Hilfe.

Ändere ich die Schriftgröße auf "größer" oder "sehr groß" ab, stimmt nichts mehr auf der Website. Wäre es möglich diese Einstellungsmöglichkeit im IE funktionslos zu machen, da auf der Seite Layoutaendern der Besucher auch die Möglichkeit haben wird, die gewünschte Schriftgröße einzustellen.

Gruß Dietmar

als Antwort auf: [#266841]

Problem mit Fotobreite bei unterschiedlichen Auflösungen

SabineP

Beiträge gesamt: 7586

14. Dez 2006, 09:28
Beitrag # 9 von 9
Beitrag ID: #266904
Bewertung:
(1325 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Die Schriftgröße läßt sich in jedem Browser ändern, es gibt auch keinen Weg das zu verhindern.

als Antwort auf: [#266871]

Aktuell

Diverses

axaio veröffentlicht neue MadeToTag-Version 2.9.126

| 12.09.2023

Weitere Events

Neuste Foreneinträge

PDF-Formular: Dateianhang durch User?

Kontrollkästchen in PDF-Formular

Mehrfach geschichtete und übereinander gelagerte PDFs bereinigen

Mein Tagesausflug ins Land CorelDraw

Eizo Monitorkalibrierung auf Windows

Fußnoten zu Endnoten konvertieren

Platzierte Vektorgrafiken skalieren

SMS ab Server senden? Wie geht das?

WebShare Verzeichnisse im SharePoint erstellen

Buchsrabensteuerung

Weitere Stellenangebote