Problem mit Ausrichtung einer <div>
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
aba
all
attribut
aufnahme
auschnitt
ausrichtung
ausschnitt
beitrag
center
datei
erfolgen
folgende zeile
gen
linke kante
margin
mittellinie
richtig verstehe
schreibe
summen
wolltest
-
Moin @ all,
ich habe mehrere <div>'s aufeinander ?gelegt?.
Der Inhalt der <div>'s soll jedoch innerhalb der Tabellenzelle zentriert sein. Derzeit ist nur die linke Kante des Bereiches zentriert.
Ihr k?nnt mir jetzt sicher nicht folgen, oder???
Schaut selbst unter:
http://www.architekturstil.de/test1 ; beweget einfach mal die Maus ?ber dem Men? hin und her!
Ich k?nnte nat?rlich auch ganz einfach noch left:200px; der CSS-Datei hinzuf?gen, aber die Ausrichtung soll ja relativ zur Gr??e des Browserfensters sein...
naja... w?re mir lieb, wenn irgendwer was w?sste, ist ziemlich wichtig!!
webhosting
Und um es euch einfacher zu machen, hier noch der Quelltext:
Webseite (Ausschnitte)
<h2>Herzlich willkommen im Architekturb&uuml;ro Rauer!</h2>
Sie suchen einen kompetenten Partner, der Sie von <font size="+1">A</font>
wie Aufnahme bis <font size="+1">Z</font> wie Zeitmanagement zuverl&auml;ssig betreut?<br>
Dann haben Sie die richtige Seite gew&auml;hlt, denn:
<h1>Erfolg ist die Summe richtiger Entscheidungen!</h1>
<p align="center">
<div id="layer_index" class="layer"><img src="media/2.jpg" alt=""></div>
<div id="layer_references" class="layer"><img src="media/2.jpg" alt=""></div>
<div id="layer_knowledge" class="layer"><img src="media/3.jpg" alt=""></div>
<div id="layer_contact" class="layer"><img src="media/4.jpg" alt=""></div>
<div id="layer_imprint" class="layer"><img src="media/5.jpg" alt=""></div>
<div style="visibility:hidden"> </div>
</p>
CSS-Datei (Auschnitte)
.layer{
position:absolute;
visibility:hidden;
}
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Also wenn ich das richtig verstehe willst du einfach, das der text im layer zentriert ist oder?
Dann f?ge folgende Zeile noch hinzu:
text-align:center; -
Ehm, was soll das position: absolute?
Wenn ich das richtig verstanden habe, hast du innerhalb einer Tabellenzelle diese DIVs, welche zentriert sein solln?!
Dann gibt es zwei M?glichkeiten:
1. Du weist der Zelle den CSS Code zu:
text-align: center;
2. Du ver?nderst den Code f?r .layer so:
.layer {
visibility: hidden;
margin: auto;
}
Dadurch sollte Das Bild in die Mitte verschoben werden, wenn es das ist was du wolltest ;) -
das position:absolute ist dazu da, dass die layer alle ?bereinander liegen und nicht, wie ?blich, untereinander.
@newwarrior
das layer f?ngt ja erst rechts von der mittellinie an, also hilft zentrieren des texts innerhalb des layers gar nichts...
aber was pillowfight sagt versuch ich mal, kann aber auch sein, dass es net klappt ich hab schon alles m?gliche durchprobiert; vllt. auch das...
aba mal schaun..
//EDIT
wie bl?d ich bin dass ich obenstehendes schreibe!
der text ist doch innerhalb der zelle schon zentriert, snst w?re der text unter http://www.architekturstil.de/test1 doch nicht zentriert, oder???
und au?erdem hat das <p>-Tag in dem die layer liegen auch noch mal das attribut align="center" ... (ja, ich schreibe nicht-konformes html, auweia!)
Beitrag ge?ndert am 17.04.2006 22:12 von webhosting -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage