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

Div Inhalt vertikal zentrieren

Mitglied: Verdemis

Verdemis (Level 1) - Jetzt verbinden

22.02.2007 um 08:50 Uhr, 5106 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
Windows 10

Mikrofon von Headset geht nach Update auf Windows 10 1803 nicht mehr

Tipp von Deepsys vor 1 TagWindows 10

Ich verwende ein Plantronics Headset das per USB mit dem Windows 10 PC verbunden ist. Damit kann ich auch ...

Video & Streaming

Ruckelfreies Fernsehen auf Smartphone oder Tablet - in SD oder gar HD - Eine Alternative zum Fritz DVB-C Receiver

Anleitung von power-user vor 2 TagenVideo & Streaming9 Kommentare

Wer kennt das nicht: Man möchte gemütlich auf dem Balkon sitzen und vielleicht grillen und dabei das WM-Spiel gucken ...

Erkennung und -Abwehr
Trendmicro WFBS 10 ist in deutsch verfügbar!
Tipp von VGem-e vor 2 TagenErkennung und -Abwehr4 Kommentare

Servus Kollegen, downloadbar unter

Windows Update

Microsoft Patchday Juni 2018 - BSOD, obwohl noch kein Patch freigegeben

Erfahrungsbericht von diemilz vor 2 TagenWindows Update8 Kommentare

Hallo zusammen, wir hatten hier letzte Woche ein massives Problem. Alles begann damit, dass ein Mitarbeiter kurz vor Feierabend ...

Heiß diskutierte Inhalte
Windows Userverwaltung
User Überwachung
gelöst Frage von YellowcakeWindows Userverwaltung38 Kommentare

Hey ich habe von unserem neuem Datenschutzbeauftragten ein kleines Horror Paket bekommen. Ich soll wenn es möglich ist, das ...

Windows Installation
Adobe Reader noch notwendig?
gelöst Frage von EitieOSWindows Installation26 Kommentare

Muss ich mir noch die Arbeit machen und den Adobe Reader installieren und aktuell halten, wenn doch in Win10 ...

Festplatten, SSD, Raid
Bad Sector auf S-ATA Festplatte
Frage von gerry56Festplatten, SSD, Raid16 Kommentare

Ich habe 2 Festplatten in meinem PC eingebaut. Auf Festplatte 1 habe ich mehrere Betriebssysteme und auf Festplatte 2 ...

Netzwerkmanagement
Druckprobleme bei Thin Clients und Netzwerkdruckern
Frage von hesperNetzwerkmanagement14 Kommentare

Morgen zusammen! Bei uns werden in den Außenstellen HP t520 Thin Clients an drei W2k16 Terminalserver mittels RDP eingesetzt. ...