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
GELÖST

Skalierbarkeit

Frage Entwicklung CSS

Mitglied: dafdag

dafdag (Level 1) - Jetzt verbinden

09.11.2014 um 17:50 Uhr, 1425 Aufrufe, 4 Kommentare, 1 Danke

Hallo zusammen,

ich bastele gerade an einer Webseite und komme an einem Punkt nicht weiter.

Und zwar habe ich eine Art Box erstellt damit ich den Text vom Hintergrund abheben kann.

Dazu habe ich folgenden Code verwenden:

.box1 {
overflow: hidden;
position: relative;
list-style: none;
padding: 38px 50px 31px;
margin: 0 auto;
border-radius: 15px;
opacity: 0.8;
background: url(../img/patternbox1.png);
width: 550px;
}

Leider ist diese Box nicht skalierbar. Alle andere Inhalte sind skalierbar und gut auf einem Handy zu sehen bis auf die oben genannte Box.

Besten Dank!
Mitglied: wiesi200
09.11.2014, aktualisiert um 18:10 Uhr
Hallo,

kein Wunder wenn du eine feste breite vorgibst.
Da hat er keine Möglichkeit zu skalieren.
Bitte warten ..
Mitglied: dafdag
09.11.2014 um 18:27 Uhr
width: 550px; habe ich rausgenommen leider wird immernoch mobil zu groß angezeigt.
Bitte warten ..
Mitglied: wiesi200
09.11.2014 um 18:36 Uhr
Du könntest jetzt über CSS die Display Größe und gerätetyp abfragen und dann bei Handys die breite entsprechend festlegen.


Am besten währe aber vermutlich wenn du ein bestehendes Framework wie bootstrap verwendest.
Bitte warten ..
Mitglied: colinardo
09.11.2014, aktualisiert um 19:55 Uhr
Hallo dafdag,
dafür gibt es in CSS die Grössenangaben vh und vw (view-height / view-width)
http://www.administrator.de/forum/webseite-zentrieren-241447.html#comme ...

Dein Problem ist aber das du dem Hintergrundbild keine relative Grössenangabe mitgibst damit sich dies mit anpasst.
http://www.w3schools.com/cssref/css3_pr_background-size.asp
Beispiel mit relativen Grössenangaben für das Hintergrundbild
background-size: 100%;
oder
background-size: contain;
http://www.w3schools.com/cssref/playit.asp?filename=playcss_background- ...

Das Padding solltest du dann am besten auch mit relativen Grössenangaben versehen...

Grüße Uwe
Bitte warten ..
Ähnliche Inhalte
Linux
!! Verfügbarkeit u. Skalierbarkeit eines Linux Servers erhöhen?
Frage von johnkincadeLinux2 Kommentare

Vielleicht habt ihr ein paar Tipps wie man im allgemeinen die Verfügbarkeit und Skalierbarkeit eines Linux Servers erhöhen kann? ...

Neue Wissensbeiträge
Internet

Was nützt HTTPS, wenn es auch von Phishing Web-Seiten genutzt wird

Information von Penny.Cilin vor 2 TagenInternet17 Kommentare

HTTPS richtig einschätzen Ob man eine Webseite via HTTPS aufruft, zeigt ein Schloss neben der Adresse im Webbrowser an. ...

Webbrowser

Bugfix für Firefox Quantum released - Installation erfolgt teilweise nicht automatisch!

Erfahrungsbericht von Volchy vor 3 TagenWebbrowser7 Kommentare

Hallo zusammen, gem. dem Artike von heise online wurde mit VersionFirefox 57.0.1 sicherheitsrelevante Bugs behoben. Entgegen der aktuellen Veröffentlichung ...

Sicherheit

Teamviewer Sessions können gekapert werden - Update tw. verfügbar

Information von sabines vor 3 TagenSicherheit6 Kommentare

In bestimmten Konstellationen können Teamviewer Sessions gekapert werden, wahrscheinlich aber ein recht unwahrscheinliches Szenario. Da der Teamviewer gerne für ...

Digitiales Fernsehen

Apple TV: Amazon Prime App ist verfügbar

Information von Frank vor 4 TagenDigitiales Fernsehen4 Kommentare

Die Amazon Prime Video App kann ab sofort auf einem Apple TV ab der 3 Generation installiert werden. Einfach ...

Heiß diskutierte Inhalte
Vmware
Installation Windows 10 VMware
Frage von Ghost108Vmware17 Kommentare

Hallo zusammen, versuche gerade mit Hilfe des vshpere clients eine virtuelle Windows 10 maschine aufzusetzen. 1. virtuelle Maschine erstellt ...

Exchange Server
SBS 2011 E-Mails können gesendet werden, aber nicht von extern empfangen
Frage von andreas1234Exchange Server14 Kommentare

Hallo Community, ich habe das Problem, dass seit knapp zwei Wochen die E-Mails von meinem SBS 2011 einwandfrei gesendet ...

Voice over IP
Telefonstörung - Ortsrufnummern kein Verbindungsaufbau
Frage von Windows10GegnerVoice over IP10 Kommentare

Hallo, sowohl bei uns als auch beim Opa ist es über VoIP nicht möglich Ortsrufnummern anzurufen. Es kommt nach ...

Windows Server
Server 2012 über Eingabeaufforderung devmgmt.msc geht nicht
gelöst Frage von achim222Windows Server9 Kommentare

Hallo, ich habe hier einen Server 2012 der im Reparaturmodus startet. Es liegt an einem falschen VirtIO Treiber für ...