Leidiges Thema "Zentrieren"

Bambini · #1 (**permalink**) 28.09.2005, 11:44

Hallo zusammen

bin noch ziemlich neu hier. Hoffe aber trotzdem, dass mir einer helfen kann. Habe schon nach diesem leidigem Thema gesucht und auch jede Menge darüber gefunden. Aber ich weiss trotzdem nicht, wie ich das hinkriegen soll. Was CSS angeht, bin ich noch ein ziemlicher nube. Muss für jemanden eine Homepage getalten. Es wird ein zentrales Hintergrundbild geben. Das kann ich auch zentrieren. Jetzt aber das Problem: auf diesem Hintergrundbild soll noch ein Logo, ein Textblock und eine Navigation stehen. Und zwar über ganz bestimmte Stellen des Hintergrundbildes. Ich weiss einfach nicht, wie ich diese Sachen so positionieren soll, dass sie über den bestimmten Stellen liegen und gleichzeitig noch (wie z.B. web.de) alles zusammen zentriert steht. Wenn man das Browserfenster also kleiner zieht, soll allesmitwandern und mittig stehen. Hat da jemand eine Idee?

Wäre dankbar für jede Antwort
Gruß, Bambini

Boris · #2 (**permalink**) 28.09.2005, 13:35

Zum Beispiel, indem du dein DIV mit der Breite des Hintergrundbildes erstellst und mit margin: 0 auto; auch zentrierst?

Bambini · #3 (**permalink**) 28.09.2005, 14:12

so. habe es geschafft, dass das Elternelement (mein Hintergrundbild) horizontal zentriert wird. Ich schafe es trotzdem nicht, das Kindelement mit meinem Text innerhalb des Elternelements einzubinden. Hier mal ein ausschnitt meines codes. Ist bestimt nicht der tollste. Aber ich fange auch gerade erst an css zu erlernen.

Code:

body {text-align:center; width:100%; margin:0;}
#box {border:0px; margin-left:auto;}
#text {left256px; top:229; width:380px; color:#666666;}
-->
</style>

<body>
<div id="box">[img]Bilder/hintergrundbild.jpg[/img]
    <div id="text">Hier soll der Text stehen</div>
</body>

So. Also der Text soll gemessen am linken oberen Rand des Elternelement wie folgt positioniert sein: von oben 229 Pixel und von links 256 Pixel.

Ich hoffe, dass ich mein Problem jetzt etwas besser erklärt habe.

Gruß, Sandra[/code]

cgdesign · #4 (**permalink**) 28.09.2005, 14:28

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" lang="de">
<head>
<title>neu</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type="text/css">
body
{
	text-align: center;
	width: 100%;
	margin: 0;
}
#box
{
	border: 0;
	margin-left: auto;
}
#text
{
	position: relative;
	left: 256px;
	top: 229px;
	width: 380px;
	color: #666;
}
</style>

</head>
<body>
<div id="box">
	[img]Bilder/hintergrundbild.jpg[/img]
    <div id="text">Hier soll der Text stehen</div>
</div>
</body>
</html>

Boris · #5 (**permalink**) 28.09.2005, 14:34

Sorry, aber wenn du selbst schon von einem Hintergrundbild sprichst, wieso bindest du es dann als solchen nicht auch ein?

#box
{
background: url(Bilder/hintergrundbild.jpg) no-repeat;
}

Und fertig ... lass den Kram mit relativer Positionierung, das ist hier total unnütz.

Bambini · #6 (**permalink**) 28.09.2005, 14:34

Danke für die Antwort. Hab das auch malso ausprobiert. Aber es funktioniert einfach nicht. Der Text steht dann bei mir unterhalb des Elternelements (wie vorher auch) und nicht darin. Ich versteh das nicht ...

Bambini

Boris · #7 (**permalink**) 28.09.2005, 14:39

Schau dir meine Antwort nochmal an

Bambini · #8 (**permalink**) 28.09.2005, 14:42

Das mit dem Hintergrundbild verstehe ich nicht. Habs ausprobierte und er zeigt mir das Bild nicht an.
Also so soll die Seite aussehen. Ich weiss einfach keine andere Lösung für die Programmierung dieses Layouts.

Boris · #9 (**permalink**) 28.09.2005, 14:48

Ja, und was von diesem Bild soll jetzt das Hintergrundbild sein? Im Hellsehen war ich noch nie gut

cgdesign · #10 (**permalink**) 28.09.2005, 14:49

ach du wolltest es im Hintergrundbild haben... hab ich wohl überlesen

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Div mit wachsen.. leidiges Thema	Digikal	CSS	8	19.05.2011 21:34
Leidiges Thema: Text vertikal zentrieren?	Stephan87	CSS	4	27.04.2009 17:09
Leidiges Thema Text am Boden ausrichten	Max1	CSS	18	22.06.2008 11:07
Leidiges Thema: Site-Zentrierung	thomask	CSS	7	13.03.2005 11:39
Scrollbares Textfeld mit purem CSS	Dancer	CSS	6	24.01.2005 15:58