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

Frage Entwicklung CSS

Div Inhalt vertikal zentrieren

Mitglied: Verdemis

Verdemis (Level 1) - Jetzt verbinden

22.02.2007 um 08:50 Uhr, 5092 Aufrufe

Hallo Admins,

ich stehe derzeit vor einem Problem was ich nicht gelöst bekomme. Ich hab
schon zahlreiche Tipps im Internet gelesen, aber irgendwie ist nicht das dabei
was ich suche, oder es klappt nicht.
Mein Problem ist folgendes...

Auf einer Seite habe ich eine Div Box mit fester Breite und Höhe. Diese Box
soll eine Grafik enthalten und diese soll in der Box zentriert sein. Horizontal ist
kein Problem, das klappt ja wunderbar mit "text-align:center" aber wie ich den Inhalt
vertikal zentriere ist mir ein Rätsel. Aber das ist ja noch nicht alles. In dieser Box
sollen nachzufall unterschiedliche Grafiken dargestellt werden (Unterschiedliche Werbebanner).
Diese unterscheiden sich leicht in der Größe und genau das ist mein Problem. Hätte ich eine
genaue Größe wäre das ja kein Problem (zumindest glaube ich das, dann würde ich es mit
"top:50%; margin-top:- (Halbe Höhe der Grafik)" machen).
Aber ich kenne halt die Höhe der Grafik nicht, da sie je nachdem leicht unterschiedlich ist.
Falls jemand ne Idee hat wie ich dies realisieren kann wäre ich für Hilfe dankbar.

Ich hab euch hier auch einmal eine simple Beispielseite gebastelt, damit ihr euch besser vorstellen
könnte was ich meine. Die WUNDERSCHÖNE Beispielgrafik (aufwendig mit MSPaint erstellt) ist in
diesem Beispiel natürlich immer die Selbe, im original wird sich die Grafik gelegentlich ändern.

www.moonstone-project.com/Test/index.html

Gruß
Sascha
Ähnliche Inhalte
HTML
Inhalt eines div-Tags in horizontal in der Mitte eines Browserfensters zentrieren
Frage von trallerHTML1 Kommentar

Hallo, ich setze einen allumschließenden div-Tag ein und möchte, dass dieser im Broweserfenster horizontal immer in der Mitte angezeigt ...

CSS
Schrift in div-Tag vertikal mittig ausrichten
gelöst Frage von trallerCSS1 Kommentar

Hallo, ich möchte eine Textzeile in einem div-Tag vertikal mittig ausrichten. Bekanntlich funktioniert "vertical-align:middle" hier nicht. wie bekomme ich ...

SAN, NAS, DAS
Datensicherung von Inhalten div. USB Sticks
Frage von xpstressSAN, NAS, DAS6 Kommentare

Hallo Zusammen, ich benötige eine Lösung Daten von USB Sticks und SD Karten zu sichern. Die Daten sollen 10 ...

HTML
Webseite zentrieren
gelöst Frage von gamerffHTML2 Kommentare

Hallo, ich habe eine webseite erstellt und möchte nun das diese seite bei jeder Bildschirmgröße immer in der mitte ...

Neue Wissensbeiträge
Linux

Meltdown und Spectre: Linux Update

Information von Frank vor 16 StundenLinux

Meltdown (Variante 3 des Prozessorfehlers) Der Kernel 4.14.13 mit den Page-Table-Isolation-Code (PTI) ist nun für Fedora freigegeben worden. Er ...

Tipps & Tricks

Solutio Charly Updater Fehlermeldung: Das Abgleichen der Dateien in -Pfad- mit dem Datenobject ist fehlgeschlagen

Tipp von StefanKittel vor 1 TagTipps & Tricks

Hallo, hier einmal als Tipp für alle unter Euch die mit der Zahnarztabrechnungssoftware Charly von Solutio zu tun haben. ...

Sicherheit

Meltdown und Spectre: Wir brauchen eine "Abwrackprämie", die die CPU-Hersteller bezahlen

Information von Frank vor 1 TagSicherheit12 Kommentare

Zum aktuellen Thema Meltdown und Spectre: Ich wünsche mir von den CPU-Herstellern wie Intel, AMD oder ARM eine Art ...

Sicherheit

Meltdown und Spectre: Realitätscheck

Information von Frank vor 1 TagSicherheit9 Kommentare

Die unangenehme Realität Der Prozessorfehler mit seinen Varianten Meltdown und Spectre ist seit Juni 2017 bekannt. Trotzdem sind immer ...

Heiß diskutierte Inhalte
Sicherheit
Meltdown und Spectre: Die machen uns alle was vor
Information von FrankSicherheit25 Kommentare

Aktuell sieht es in den Medien so aus, als hätten die Hersteller wie Intel, Microsoft und Co den aktuellen ...

Netzwerke
Packet loss bei "InternetLeitungsvollauslastung"
gelöst Frage von Freak-On-SiliconNetzwerke17 Kommentare

Servus; Ja der Titel klingt komisch, is aber so. Wenn die Internetleitung voll ausgelastet ist, hab ich extreme packet ...

Ubuntu
Ubuntu - Starter für nicht vertrauenswürdige Anwendungen
Frage von adm2015Ubuntu17 Kommentare

Hallo zusammen, Ich verwende derzeit die Ubuntu Versionen 17.10 bzw. im Test 18.04. Ich habe mehrere .desktop Dateien in ...

Windows 10
Automatische daten kopieren, USB zu USB unter Win10 im Hintergrund
Frage von DerEisigeWindows 1016 Kommentare

Hallo Leute, ich bin auf der Suche nach einem Skript, dass von einem USB Stick automatisch nach dem einstecken ...