| Autor |
Nachricht |
pRiMUS
Threadersteller
Dabei seit: 09.09.2003
Ort: Nemmberch
Alter: 33
Geschlecht:
|
Verfasst Mo 26.04.2004 14:11
Titel [HTML] Div zentriert darstellen. |
 |
|
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.
|
|
| |
|
 |
the godfather
Dabei seit: 09.02.2004
Ort: -
Alter: 24
Geschlecht:
|
Verfasst Mo 26.04.2004 14:13
Titel
|
 |
|
|
du mußt das body-tag neu definieren und dort auf mitte ausrichten.
|
|
| |
|
 |
Lazy-GoD
Co-Administrator
Dabei seit: 26.11.2001
Ort: Schönste Stadt der Welt
Alter: 30
Geschlecht:
|
|
| |
|
 |
Waschbequen
Account gelöscht
Ort: -
|
Verfasst Mo 26.04.2004 14:43
Titel
|
 |
|
| 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:
|
|
| |
|
 |
dashi
Dabei seit: 16.03.2003
Ort: -
Alter: 22
Geschlecht:
|
Verfasst Mo 26.04.2004 15:03
Titel
|
 |
|
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
|
|
| |
|
 |
pRiMUS
Threadersteller
Dabei seit: 09.09.2003
Ort: Nemmberch
Alter: 33
Geschlecht:
|
Verfasst Mo 26.04.2004 15:04
Titel
|
 |
|
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. ;/
|
|
| |
|
 |
dashi
Dabei seit: 16.03.2003
Ort: -
Alter: 22
Geschlecht:
|
Verfasst Mo 26.04.2004 15:19
Titel
|
 |
|
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
|
|
| |
|
 |
| |
|
 |
| Ä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?
|
 |