Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

Image skalieren mit einer Regel

Frage Entwicklung CSS

Mitglied: Henne

Henne (Level 1) - Jetzt verbinden

11.10.2011, aktualisiert 19:11 Uhr, 5799 Aufrufe, 5 Kommentare

Hallo Freunde,

ich möchte diverse Bilder die verschieden groß und Seitenverhältnisse haben mit 2 Regeln via CSS anzeigen lassen (OnlineShop).
width soll generell 500px haben. sollte aber ein image height > 800px haben, dann max-height 800px.
Aber die erste Regel würde dann das Seitenverhältnis verzerren.

Wie könnte man das lösen?

Gruß Henne
Mitglied: Petrof
11.10.2011 um 19:16 Uhr
Moin,

genau wie Du es schreibst:

width: 500px;
max-height: 800px;

Mit "overflow" und dem entsprechendem Wert kannst Du dann bestimmen, was mit dem Rest passiert, wenn höher als 800px

da wird nichts verzerrt.


Gruß
Peter
Bitte warten ..
Mitglied: Henne
11.10.2011 um 19:58 Uhr
Hi, ich hab jetzt in der style.css:
{ width:500px; max-height:800px; overflow:hidden; }
Es wird trotzdem in die Breite von 500px verzerrt.

Wo denke ich falsch?

Gruß
Bitte warten ..
Mitglied: Arano
11.10.2011 um 20:53 Uhr
Hallo

  1. Mit CSS kannst du doch eh nicht prüfen ob das Bild nun im Hochformat oder Querformat vorliegt, das muss doch schon vorher geschehen (z.B. PHP)
  2. Wenn du sowohl bei Hoch- als auch bei Querformat vorgibst das die Breite immer 500px sein soll, dann werden die beiden Formate - im Vergleich zu einander - in unterschiedlichen Größen dargestellt. Meiner Meinung nach wäre es da besser die längeren Seite beider Formate eine Größe zuzuweisen


~Arano
Bitte warten ..
Mitglied: Petrof
12.10.2011 um 00:00 Uhr
Klar wird es in der Breite "verzerrt", wenn die Quellgrafik schmaler oder breiter ist als 500px.

Aber Du wolltest doch eine generelle Breite von 500px haben.

Peter
Bitte warten ..
Mitglied: Henne
12.10.2011 um 21:20 Uhr
Ja, so isses,
entweder 500px Breite,
wenn bildheight >800px..dann maxheight ohne zu verzerren

via CSS ist das wohl nicht machbar gerade wenn die pics
kleiner sind als die Regeln.

Henne
Bitte warten ..
Ähnliche Inhalte
Outlook & Mail
gelöst Nachricht per Regel aus "Gesendete Elemente" verschieben - Outlook (3)

Frage von slansky zum Thema Outlook & Mail ...

Outlook & Mail
gelöst Outlook 2013 Kalendereintrag per Regel akzeptieren und löschen (27)

Frage von speedy132 zum Thema Outlook & Mail ...

Neue Wissensbeiträge
Tipps & Tricks

Wie Hackt man sich am besten in ein Computernetzwerk ein

(29)

Erfahrungsbericht von Herbrich19 zum Thema Tipps & Tricks ...

Humor (lol)

Bester Vorschlag eines Supporttechnikers ever: APC

(15)

Erfahrungsbericht von DerWoWusste zum Thema Humor (lol) ...

Windows Server

Exchange 2010 Active Directory und Windows Server 2016

(4)

Erfahrungsbericht von Herbrich19 zum Thema Windows Server ...

Heiß diskutierte Inhalte
Internet
gelöst Mitarbeiter surft auf unerwünschter Seite - Wie damit umgehen? (48)

Frage von sabines zum Thema Internet ...

Netzwerke
Wie erstelle ich ein Intranet (19)

Frage von Leonardnet zum Thema Netzwerke ...

LAN, WAN, Wireless
gelöst Eintägige Netzwerkunterbrechung trotz Backupleitung (15)

Frage von iAmbricksta zum Thema LAN, WAN, Wireless ...

Windows Server
Server 2012 R2 - Zugriff Verweigert bei jeglicher Tätigkeit (13)

Frage von DarkLevi zum Thema Windows Server ...