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 CSS verschiedene Monitorauflösungen abdecken

Mitglied: 85232

85232 (Level 1)

23.03.2010, aktualisiert 12:54 Uhr, 8499 Aufrufe, 5 Kommentare

Hallo Community,
ich versuche mit gerade an css und bin absoluter Einsteiger. Vor 15 Minuten wusste ich nicht einmal wofür CSS steht

Jetzt habe ich mir eine kleine Page gebaut mit einer Auflösung für 1024x786. Um es ganz einfach zu halten, habe ich jetzt nur einen rahmen links und rechts eingefügt (etwa 3cm breit auf jeder Seite). Außerdem habe ich durch viel probieren ein Bild eingefügt, das ca. 5 cm von der linken Seite und von oben etwa 2 cm versetzt ist.

Nun könnt ihr sicherlich schon meine Frage erraten.

Jetzt habe ich die webseite mit einer Auflösung von 1900x1080 angeschaut. Der Rahmen sieht soweit noch ganz gut aus, jedoch ist das Bild jetzt an einer vollkommen falschen Stelle. Die ausrichtung habe ich mit (px) erstellt.

Nun meine Frage, wie kann ich meine Seite für mehrere Auflösungen verbessern? Ich habe mir gedacht, das ich vielleich mehrere CSS's Dateien erstelle und anhand einer php abfrage die Auflösung des Benutzers Abfrage und somit die benötigte CSS datei lade.

Ist das ein sinnvoller und machbarer Weg? Oder gibt es da eine bessere und saubere Lösung?

mfg
speckles

Edit:
Anbei ein Bild wie es aussieht mit den verschiedenen Auflösungen. Bei der Auflösung von 1900x1080 sollte das Administrator Logo natürlich auch rechts am Rand stehen wie beim 1024x786. Das tut es leider nicht

5fe330460bfc0881a3450e239b0de7a0 - Klicke auf das Bild, um es zu vergrößern
Mitglied: m3adow
23.03.2010 um 11:47 Uhr
Ich bin jetzt nicht der HTML-Profi (letzte HTML-Erfahrungen sind knappe 8 Jahre her), aber warum arbeitest du nicht mit relativen (Prozentangaben), anstatt absoluten Werten (Pixel)? Das sollte dein Problem doch lösen oder?
Bitte warten ..
Mitglied: Arano
23.03.2010 um 12:07 Uhr
Auch wenn es schon knappe 8 Jahre her ist, aber damit hast du vollkommen recht !

Speckles: Füge diese Seite mal zu deinen Favoriten hinzu (wenn du magst): http://www.css4you.de/
Und nun schaust du dir mal alle Möglichkeiten der Hintergrundbildpositionierung an: CSS4You - Hintergrundbilder

Ich weiss ja jetzt nicht wie dein Bild und das gesamte Konstrukt aussieht aber du müsstest dein Hintergrundbild vermutlich mit "background-position: 50px center;" positionieren damit es im Hintergrund der Seite bleibt.


~Arano
Bitte warten ..
Mitglied: 85232
25.05.2010 um 23:04 Uhr
Ich nochmal ;(

Sorry, aber irgendwie stehe ich noch ein wenig auf den Schlauch. Ich habe mir jetzt eine HTML/CSS Seite in einer minimalauflösung für 1280*980 gebaut. Sieht alles top aus.

Wenn jedoch jemand mit einer Auflösung von 1920*1080 daherkommt, finde ich das Styling nicht mehr so passend. Wie kann ich es erreichen, das wenn jemand mit einer höheren Auflösung von 1280*980 herkommt, die Seite mittig plaziert/ausgerichtet wird?

Gruß und vielen Dank
speckles
Bitte warten ..
Mitglied: Arano
26.05.2010 um 18:01 Uhr
Huhu,

meinst du etwa so ?
01.
<html> 
02.
  <head> 
03.
    <style type="text/css"> 
04.
      <!-- 
05.
        div#main { border:1px solid #000000; width:200px; text-align:justify; 
06.
                   margin:auto; 
07.
08.
      --> 
09.
    </style> 
10.
  </head> 
11.
  <body> 
12.
 
13.
  <div id="main"> 
14.
    c on ten t con tent c ontent content 
15.
    c on ten t con tent c ontent content 
16.
    c on ten t con tent c ontent content 
17.
    c on ten t con tent c ontent content 
18.
    c on ten t con tent c ontent content 
19.
    c on ten t con tent c ontent content 
20.
  </div> 
21.
 
22.
  <body> 
23.
</html>
~Arano
Bitte warten ..
Mitglied: Arano
26.05.2010 um 18:01 Uhr
ähm... ups !
Sorry fürs Doppelposting
Bitte warten ..
Ähnliche Inhalte
Grafikkarten & Monitore

Monitorauflösung lässt sich nicht einrichten

gelöst Frage von AristotelesGrafikkarten & Monitore4 Kommentare

Ich drehe so langsam durch und habe jegliche Freude daran verloren am neuen System zu sitzen! Beteiligte Komponenten - ...

HTML

CSS 3 - "viewport" Kein gültiges CSS?

gelöst Frage von ukodusHTML2 Kommentare

Hey Leute, gerade hab ich den Code (@viewport { }) durch den CSS-Überprüfer ) durchgejagt und er entgegnete: "Einlese-Fehler ...

Hardware

Intel Management Modul verändert Monitorauflösung?

Frage von schabauHardware1 Kommentar

Hallo an die Profis, ich habe ein interessantes Problem, dass ich nicht lösen kann. Ich habe hier einen kleinen ...

CSS

CSS Problem

gelöst Frage von michi1983CSS2 Kommentare

Hallo Admins, eventuell kann mir ja hier einer weiterhelfen, ich stehe offenbar auf der Leitung. Auf folgender Website (die ...

Neue Wissensbeiträge
Erkennung und -Abwehr

Ups: Einfaches Nullzeichen hebelte den Anti-Malware-Schutzt in Windows 10 aus

Information von kgborn vor 11 StundenErkennung und -Abwehr

Windows 10 ist das sicherste Windows aller Zeiten, wie Microsoft betont. Insidern ist aber klar, das es da Lücken, ...

Windows 10

Windows 10 on ARM: von Microsoft entfernte Info - Klartext, was nicht geht

Information von kgborn vor 13 StundenWindows 10

Windows 10 on ARM ist ja eine neue Variante, die Microsoft im Verbund mit Geräteherstellern am Markt etablieren will. ...

Microsoft
TV-Tipp: Das Microsoft-Dilemma
Information von kgborn vor 13 StundenMicrosoft8 Kommentare

Aktuell gibt es in Behörden und in Firmen eine fatale Abhängigkeit von Microsoft und dessen Produkten. Planlos agieren die ...

Windows 10
Zero-Day-Lücke in Microsoft Edge
Information von kgborn vor 2 TagenWindows 10

In Microsofts Edge-Browser klafft wohl eine nicht geschlossene (0-Day) Sicherheitslücke im Just In Time Compiler (JIT Compiler) für Javascript. ...

Heiß diskutierte Inhalte
Windows 10
Windows 10 (1709) Tastur und Maus wieder einschalten?
Frage von LochkartenstanzerWindows 1026 Kommentare

Moin, Ich habe von einem Kunden einen Win10-Rechner bekommen, bei dem weder Tastatur noch Maus geht. Die Hardware funktioniert ...

Firewall
RB2011 Firewall Rule eine bestimmte Mac oder IP Adresse nicht zu blockieren
Frage von lightmanFirewall15 Kommentare

Hallo liebes Forum mit ihren Spezialisten. Ich habe meine Firewall so konfiguriert das kein Endgerät ohne meine Speziellen Erlaubnis ...

Humor (lol)
Was könnte man mit einem Server machen? Idee gesucht
Frage von 2SeitenHumor (lol)15 Kommentare

Hey Zusammen Ich habe einen alten HP G2 Rackserver zu Hause rumliegen. 28GB Ram, 1xAMD Prozi mit etwa 2GHz. ...

Webbrowser
Welcher Browser ist der Beste?
Frage von justtinWebbrowser13 Kommentare

Hallo Leute Ich habe eine interessante Frage. Mich wurde mal interessieren welcher Browser ist eure meinung nach der beste? ...