Div Zentrieren

Sea-Kay

Hallo liebe Foremgemeinde,
ich habe eine Frage bzw ein Problem mit meiner Seite.
Ich programmiere die Seite mir dem Dreamweaver....
Ich habe alle bilder der Seite mit Layern eingefügt...
Nun habe ich ein Problem und zwar habe ich die Layer auf der Seite am rechten Rand ausgerichtet.
Bei einer Auflösung von 1024x768 ist das auch okay.
Aber bei einer höheren Auflösung, bleibt an der rechten Seite dann ein hößlicher Rand.
Gibt es eine Möglichkeit ALLES von der Seite zu zentrieren?
Wöre sehr dankbar für die hilfe

Spacefish

Zitat

Gibt es eine Möglichkeit ALLES von der Seite zu zentrieren?

Ja, indem du deinen Code mit einem Center Tag umschließt!

Code

<body>
<center>
---dein Code---
</center>
</body>

Gruß Spacefish

Sea-Kay

Hab ich gemacht, funkioniert aber leider nicht....
Gibt es noch eine andere möglichkeit?

Rico Ros

Jello-Layout versucht?

Also ein Div was Dein Div nochmal umschließt...
Gruß

Sea-Kay

Ja das hab ich schon auf verschiedene weise versucht...
Aber klappt irgendwie nicht..
Bin da auch net so der fachmann...

Aber hier mal der text... vielleicht hilft das

HTML

<!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>
<style type="text/css">
<!--
#top2 {
	position:absolute;
	left:258px;
	top:0px;
	width:754px;
	height:72px;
	z-index:2;
}
#liga {
	position:absolute;
	left:120px;
	top:1px;
	width:258px;
	height:96px;
	z-index:2;
}
#navigation {
	position:absolute;
	left:259px;
	top:73px;
	width:746px;
	height:22px;
	z-index:1;
}
#top1 {
	position:absolute;
	left:258px;
	top:95px;
	width:747px;
	height:161px;
	z-index:3;
}
#gruen1 {
	position:absolute;
	left:0px;
	top:96px;
	width:80px;
	height:157px;
	z-index:1;
	background-color:#678A26;
}
#gruen2 {
	position:absolute;
	left:1008px;
	top:95px;
	width:15px;
	height:161px;
	z-index:4;
	background-color:#678A26;
}
#grau {
	position:absolute;
	left:80px;
	top:97px;
	width:248px;
	height:161px;
	z-index:1;
	background-color:#A5A5A5;
}
#main {
background-color:#FFFFFF;
	position:absolute;
	left:259px;
	top:255px;
	width:740px;
	height:450px;
	z-index:7;
}
#ticker {
	position:absolute;
	left:0px;
	top:0px;
	width:259px;
	height:708px;
	z-index:6;
}
#unten {
	position:absolute;
	left:2px;
	top:704px;
	width:1024px;
	height:27px;
	z-index:8;
}
#Layer1 {
	position:absolute;
	left:998px;
	top:256px;
	width:16px;
	height:448px;
	z-index:7;
}
</style>
</head>


<body style="background-color:#9CBD64;";>
<div id="top2">[img]../Fc-Page/images/top2.jpg[/img]</div>
<div id="navigation">[img]../Fc-Page/images/home.jpg[/img][img]../Fc-Page/images/statistik.jpg[/img][img]../Fc-Page/images/berichte.jpg[/img][img]../Fc-Page/images/gaestebuch.jpg[/img][img]../Fc-Page/images/links.jpg[/img][img]../Fc-Page/images/team.jpg[/img][img]../Fc-Page/images/bilder.jpg[/img][img]../Fc-Page/images/kontakt.jpg[/img]</div>
<div id="top1">[img]../Fc-Page/images/top.jpg[/img]</div>
<div id="gruen2"></div>
<div id="main"></div>
<div id="ticker">[img]../Fc-Page/images/ticker_all.jpg[/img]</div>
<div id="unten">[img]../Fc-Page/images/unten.jpg[/img]</div>
<div id="Layer1">[img]../Fc-Page/images/seitenlinie_r.jpg[/img]</div>
</body>
</html>

Alles anzeigen

Sea-Kay

sry doppelpost

Rico Ros

Habe jetzt auf die Schnelle leider kein gutes Beispiel gefunden aber schau mal da:

http://phpugffm.de/index.php/css-…007-05,184.html

Vielleicht hilft das schon etwas weiter....

Sea-Kay

Das hilft mir schon soweit, dass ich die bilder die untereinander anordne zentrieren kann, aber ich hab auch noch 2 Divs nebeneinander, das packt er nicht.
Das eine Div wird dann immer unter das andere gelegt...

Rico Ros

Habe einen Beispielcode gefunden- hoffe der hilft weiter:

driver

https://www.forum-hilfe.de/viewtopic.php?t=33844

oder:

- div container der die komplette seite umschließt
-

Code

#page {
position:absolute;
width:800px;
margin-left:-400px;
left:50%;
}

(margin-left is immer die hälfte von width *-1)

FAQ's II/5

Sea-Kay

Zitat von Rico Ros

Habe einen Beispielcode gefunden- hoffe der hilft weiter:

Vielen Vielen dank, ich habe es hinbekommen.
Hatte schon fast aufgegeben
Danke sehr

phpfan

Nur mal so: Klick mich Gibt ja nur über 64.000 Treffer.

Rico Ros

Manchmal sieht man eben das Skript vor Funktionen... äh den Wald vor Bäumen nicht. Ist Dir das noch nie so ergangen? Geht mir ständig so.....
Gruß

driver oder andere Mods:
Ich denke im Sinne vom Threadleader zu sprechen, wenn ich sage, dass dat Ding hier erfolgreich geschlossen werden kann.

Das Problem bei mir war, das ich den Style nicht mit Margin sondern mit top:xxPx und left:xxPX gemacht hab....
Dadurch das ich mich mit CSS noch nie zu 100% befasst habe, baut der Dreamweaver die ein bisschen unglücklich auf.
Auf jedenfall vielen Dank...

Closed

driver

von driver (und evtl anderen mods)

thread werden eigentlich nur geschlossen wenn
- sich der inhalt vom thema entfernt
- der inhalt beleidigend (o.ä) wird
- der thread schon alt ist

Rico Ros

umso besser... dann können wir noch bissel darüber quatschen.
------------------------------------------------------------------

Zitat

Das Problem bei mir war, das ich den Style nicht mit Margin sondern mit
top:xxPx und left:xxPX gemacht hab....
Dadurch das ich mich mit CSS noch nie zu 100% befasst habe, baut der Dreamweaver die ein bisschen unglücklich auf.

Jupp, der DW ist da ein bissel eigen. Welche Version benutzt Du, wenn ich fragen darf?

Sea-Kay

Ich hab mir die 8ter Version geholt, hatte auch einmal die 6er, mit welcher ich eigentlich zufriedener war. Die neue Verison finde ich bisschen zu unübersichtlich.

Tags