mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: So 07.09.2008 14:14 Benutzername: Passwort: Auto-Login

Thema: [HTML] Div zentriert darstellen. vom 26.04.2004

Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Tipps & Tricks für Nonprint -> [HTML] Div zentriert darstellen.
Seite: 1, 2, 3, 4, 5  Weiter
Autor Nachricht
pRiMUS
Threadersteller

Dabei seit: 09.09.2003
Ort: Nemmberch
Alter: 33
Geschlecht: Männlich
Verfasst Mo 26.04.2004 14:11
Titel

[HTML] Div zentriert darstellen.

Antworten mit Zitat Zum Seitenanfang

Hy,

ich baue das erste mal ne seite mit divs, jetzt will ich mein "haupt div" welches die maße von 800x600 hat zentriert auf dem bildschirm darstellen, leider klappt das mit dem attribut align=center nicht.

wie regel ich das denn? bei den css positionierungen kann ich irgendwie ja auch nur % oder pixel angaben machen, aber das ist doch alles nicht das was ich brauche oder?

jemand nen tipp für mich? thx.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
the godfather

Dabei seit: 09.02.2004
Ort: -
Alter: 24
Geschlecht: Männlich
Verfasst Mo 26.04.2004 14:13
Titel

Antworten mit Zitat Zum Seitenanfang

du mußt das body-tag neu definieren und dort auf mitte ausrichten.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Lazy-GoD
Co-Administrator

Dabei seit: 26.11.2001
Ort: Schönste Stadt der Welt
Alter: 30
Geschlecht: Männlich
Verfasst Mo 26.04.2004 14:17
Titel

Antworten mit Zitat Zum Seitenanfang

Vielleicht ist das das Richtige?

http://www.css4you.de/wslayout1/ex0003.html
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Waschbequen
Account gelöscht


Ort: -

Verfasst Mo 26.04.2004 14:43
Titel

Antworten mit Zitat Zum Seitenanfang

the godfather hat geschrieben:
du mußt das body-tag neu definieren und dort auf mitte ausrichten.

Unsinn.

Was soll denn an nem align=center nicht funktionieren? Nachfolgendes Sample funzt jedenfalls:

Code:
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN>

<html>
<head>
   <title>Unbenannt</title>
</head>

<body>

<div align=center>blabla</div>

</body>
</html>
 
matt

Dabei seit: 06.05.2003
Ort: Colonial Periphery
Alter: 27
Geschlecht: Männlich
Verfasst Mo 26.04.2004 14:56
Titel

Antworten mit Zitat Zum Seitenanfang

http://www.w3.org/TR/REC-html40/present/graphics.html#h-15.1.2

Wenn ich mich nicht irre, sollte es eigentlich mit margin-left:auto;margin-right:auto gemacht werden. Aber wir wissen ja wie das ist mit der Interpretation der verschiedenen Browser.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
dashi

Dabei seit: 16.03.2003
Ort: -
Alter: 22
Geschlecht: Männlich
Verfasst Mo 26.04.2004 15:03
Titel

Antworten mit Zitat Zum Seitenanfang

Also ich formatier mein zentrierten layer immer per css so:

div#centerlayout
{
position:absolute;
left:50%;
top:50%;
height:600px;
width:955px;
margin-top:-300px;
margin-left:-478px;
}

funktioniert in allen Browsern mit den ich getestet hab.


Zuletzt bearbeitet von dashi am Mo 26.04.2004 15:04, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
pRiMUS
Threadersteller

Dabei seit: 09.09.2003
Ort: Nemmberch
Alter: 33
Geschlecht: Männlich
Verfasst Mo 26.04.2004 15:04
Titel

Antworten mit Zitat Zum Seitenanfang

danke für die tipps, allerdings bekomme ichs ned hin, meine weiteren divs sind weiterhin alle links an den rand gedrückt. wenn ich bei den weiteren divs dann die positionierung rausnehme, dann macht der mir alles untereinander.

doof das alles. ;/
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
dashi

Dabei seit: 16.03.2003
Ort: -
Alter: 22
Geschlecht: Männlich
Verfasst Mo 26.04.2004 15:19
Titel

Antworten mit Zitat Zum Seitenanfang

Beispiel html datei:

Code:
<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>
<html xmlns=http://www.w3.org/1999/xhtml>
<head>
<meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 />
<title>Unbenanntes Dokument</title>
<link href=style.css rel=stylesheet type=text/css />
</head>
<body>
<div id=center></div>
</body>
</html>


dazugehörige css:

Code:
div#center {
   position:absolute;
   left:50%;
   top:50%;
   height:600px;
   width:955px;
   margin-top:-300px;
   margin-left:-478px;
   background-color: #000000;
}


Zuletzt bearbeitet von dashi am Mo 26.04.2004 15:19, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen warum wird div nicht zentriert?
<div> zentriert ausrichten
div zentriert funktioniert, nur die darin liegenden nicht!
HTML-Code auf Seite darstellen
Verlauf mit html css oder ähnlichem darstellen?
Mit CSS gelayoutetete XML in HTML-Seite darstellen?
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2, 3, 4, 5  Weiter
MGi Foren-Übersicht -> Tipps & Tricks für Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.