mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 19.10.2017 14:58 Benutzername: Passwort: Auto-Login

Thema: css-div mit bild mittig zur browsergröße vom 17.11.2005


Neues Thema eröffnen   Dieses Thema ist gesperrt, du kannst keine Beiträge editieren oder beantworten. MGi Foren-Übersicht -> Allgemeines - Nonprint -> css-div mit bild mittig zur browsergröße
Autor Nachricht
addy
Threadersteller

Dabei seit: 22.01.2003
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 17.11.2005 16:39
Titel

css-div mit bild mittig zur browsergröße

Antworten mit Zitat Zum Seitenanfang

Also ich hab mich jetzt dazu durchgerungen, zu versuchen von meinen Tabellen wegzukommen. Wills erstmal mit ganz easy sachen versuchen und dann mal schauen.

Stehe aber schon vor nem Problem Menno!

Code:

<div style="position:absolute;vertical-align:middle;background-color:blue">
<img src="img/logo_big.gif" width="378" height="157" alt="" border="0">
<p style="color:ED8A8A;font-family:Arial;font-size:9pt;">
optimiert für IE ab Version 6.0, NC ab Version 7.0, Mozilla Firefox 1.0<br />
Auflösung 1024 x 786</p>
</div>


Ich schreib das css erstmal mit in die Tags rein und lager es dann später aus.

So Problem ist, es soll ein div geben in diesem ein Bild und ein wenig Text ist, das soll er von der Höhe und von der Breite zentrieren (bei Tabellen valign=middle, align=center), ich kanns zwar jetzt mittels genauer angaben top:100px oder so positionieren, aber es soll ja immer mittig zur Browsergröße sein.

Entschuldigt diese billige Frage, aber das sind meine ersten Gehversuche mit diesen divs, sonst hab ich mit css nur mal ne Schrift oder so formatiert.

Achso, wer kennt im Netz gute Tutorials zu diesem Thema, war schon auf css4you, selfhtml etc., da wird auch viel erklärt, aber so richtig das was ich suche hab ich noch nicht gefunden. Am besten wo zum Anfang so die Geschichten mit der Positonierung gezeigt wird usw.

DANKE SCHONMAL.



//EDIT by Sarky
Bitte aussagekräftige Titel verwenden - siehe Regeln!


Zuletzt bearbeitet von Sarky am Do 17.11.2005 16:57, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
buchstabensuppe

Dabei seit: 14.09.2004
Ort: Wuppertal
Alter: 34
Geschlecht: Männlich
Verfasst Do 17.11.2005 16:57
Titel

Antworten mit Zitat Zum Seitenanfang

Ehm, das Ding soll einfach mittig im Browser stehen?
Dann würde ich einen Layer drumherum legen, diesen auf 100% breite und 100% Höhe stellen und in diesem zentriert deinen schon vorhandenen Layer packen.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
xane

Dabei seit: 05.01.2005
Ort: good old NBGizzle
Alter: 30
Geschlecht: Männlich
Verfasst Do 17.11.2005 17:20
Titel

Antworten mit Zitat Zum Seitenanfang

http://www.intensivstation.ch
http://www.css-technik.de
http://www.sovavsiti.cz/css
http://www.wellstyled.com
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
xane

Dabei seit: 05.01.2005
Ort: good old NBGizzle
Alter: 30
Geschlecht: Männlich
Verfasst Do 17.11.2005 17:28
Titel

Antworten mit Zitat Zum Seitenanfang

damit das bild immer "mittig" im Verhältnis zum Browserfenster steht,
würd ichs mal mit solchen Angaben probieren

width: 700px;
height: 700px;
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Account gelöscht


Ort: -
Alter: -
Verfasst Do 17.11.2005 23:00
Titel

Antworten mit Zitat Zum Seitenanfang

auman:

 
 
Ähnliche Themen CSS: Div mit Infotext über Bild
[CSS] Bild ragt über <div> hinaus
[CSS] Div 100% Höhe und BG-Bild - Problem
[CSS] Bild in DIV mitwachsend UND unten ausgerichtet?
Bild passt sich Browsergröße an - nur nicht im IE
Bild (Foto) zentriert an Browsergröße anpassen?
Neues Thema eröffnen   Dieses Thema ist gesperrt, du kannst keine Beiträge editieren oder beantworten.
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.