mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 25.04.2024 18:50 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: Vienna
Alter: 48
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: 39
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
Anzeige
Anzeige
Lazy-GoD
Moderator

Dabei seit: 26.11.2001
Ort: -
Alter: 54
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
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: Köln
Alter: 43
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
dashi

Dabei seit: 16.03.2003
Ort: -
Alter: 38
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: Vienna
Alter: 48
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: 38
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 divs in div zentriert darstellen
HTML Seite/ CSS - Zentriert
HTML-Code auf Seite darstellen
Mit CSS gelayoutetete XML in HTML-Seite darstellen?
Verlauf mit html css oder ähnlichem darstellen?
HTML Newsletter --> Links mit "mouseover" 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 an Umfragen in diesem Forum nicht mitmachen.