Top-Themen

Aktuelle Themen (A bis Z)

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

Mitglied: Henne

Henne (Level 1) - Jetzt verbinden

11.10.2011, aktualisiert 19:11 Uhr, 6136 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
Microsoft Office
Fenster in Office 2013 skalieren?
gelöst Frage von GeforceMicrosoft Office1 Kommentar

hallo zusammen, ich habe hier ein Office 2013 Problem. ich habe docs mit vielen langen Hyperlinks darin. beim abändern ...

Visual Studio
VB.Net - Label-Control skalieren
gelöst Frage von emeriksVisual Studio8 Kommentare

Hi, kann man im Visual Studion ein Label-Control skalieren? Bsp.: Ich habe eine verfügbare Fläche, welches vollständig durch ein ...

Windows 7

Bildschirminhalt im RDC-Fenster skalieren?

Frage von diwaffmWindows 78 Kommentare

Hi Leute, gegeben sei sein Windows 7 Rechner mit hochauflösendem Display (5120x2880 Pixel). Über die Bildschirmeinstellungen habe ich es ...

HTML

"Fremd-Webseite" in eigene Webseite integrieren und skalieren

Frage von mabue88HTML2 Kommentare

Hallo, gibt es eine Möglichkeit, eine Webseite in die eigene zu integrieren und diese in ihrer angezeigten Größe anzupassen? ...

Neue Wissensbeiträge
E-Mail
Email-Apps und Verhalten bei Pop3
Erfahrungsbericht von kfranzk vor 1 TagE-Mail6 Kommentare

Hallo Freunde, da mir mein diesbezüglicher Faden als gelöst markiert wurde, muss ich hier neu aufsetzen. Ich arbeite bewusst ...

Hyper-V

Optimiertes Ubuntu per Microsoft Hyper-V-Schnellerstellung verfügbar

Anleitung von Frank vor 1 TagHyper-V

Für Microsofts Virtualisierungssoftware Hyper-V ist ab sofort auch ein optimiertes Ubuntu 18.04.1 LTS verfügbar. In der "Hyper-V-Schnellerstellung" App, die ...

Sicherheits-Tools

Trend Micro WorryFree Business Security (WFBS) 10 - neuer Patch 1470 verfügbar

Tipp von VGem-e vor 1 TagSicherheits-Tools1 Kommentar

Servus, mal sehen, ob mit Patch 1470, zu finden unter dann die angeblich fehlerhafte Funktion, die unter W10 im ...

Server-Hardware

Lösung für Ersatz eines defekter Raid-Controllers

Anleitung von wellknown vor 2 TagenServer-Hardware4 Kommentare

Hallo, da ich nichts gefunden habe und selbst eine Lösung brauchte, hier eine kleine Anleitung für alle die vor ...

Heiß diskutierte Inhalte
Windows Server
Mit der alten Domäneprofil anmelden ohne Server
gelöst Frage von SyosseWindows Server37 Kommentare

Hallo Jungs Folgendes Szenario: Ich habe bei einem sehr kleinen Unternehmen (2Personen) den Server migriert, soweit hat alles geklappt. ...

Sicherheits-Tools
Virenprogramm lässt Programme nicht starten
Frage von SurferGirlSicherheits-Tools23 Kommentare

Hallo, ich bin neu hier, ich hoffe ich habe die richtige Rubrik gewählt. Falls nicht, tut es mir leid. ...

Windows Server
SQL Server Instanz (Eplan) auf WIN 2008 RC2 Server frisst RAM ohne Limit
Frage von derinderinderinWindows Server17 Kommentare

Hallo Zusammen, Wir haben hier einen Windows 2008 RC2 Server. Darauf läuft ein SQL Server Express 2014 Version 12.0.4232.0. ...

Windows 10
Best Practice für Schulungsräume
Frage von Sn0wFoxWindows 1016 Kommentare

Hallo, leider bin ich auch nach langer Suche nicht auf eine zufriedenstellende Nicht-Cloud-Lösung gestoßen und wollte mal Fragen ob ...