PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : CSS


aVenger
2004-03-29, 21:58:49
Ich bin gerade dabei meine Homepage aufzubauen Klick (http://www.unreal-inside.de.vu).
Ich möchte das das ganze immer zentriert wie aber wie mache ich das?

So sieht es zurzeit aus(nur ein teil)
#logo {position: absolute; top: 0px; left: 20px;width: 960px; height: 80px; z-index: 2; background-color: #E0E0FF; border: 1px solid gray; padding: 0px; text-align: left;}

Die Postionierung muss dann relativ sein oder? Aber was muss ich noch machen?

Gast
2004-03-30, 09:31:44
Du brauchst nur HTML und CSS lernen. :) Dann weiss man, dass <img></img> ein inline-Element ist und damit von cascading stylesheets wie Text behandelt wird. Dann geht der Rest von selbst.

Stylesheet: #bla {
text-align: center;
}
Markup: <div class="bla">
<img src="quelle" alt="blubb" />
</div>

Gast
2004-03-30, 09:33:44
<img /> natürlich. :D Ich bin wohl noch nicht ganz wach. :dozey:

aVenger
2004-03-30, 11:40:35
Ich will nicht den Text oder das Bild zentriert machen (sry falls meine beschreibung zu ungenau war) sondern die ganze site. Also jede Box und so. Jede einzelne Box oll immer zentriert sein, egal bei welcher Auflösung

Nase
2004-03-30, 13:34:49
Wenn ich das recht sehe, dann willst du mittels CSS deine Tabellen ausrichten. Anscheinend hast du aber nicht verstanden, wie solch ein Layout funktioniert. Entweder du bastelst um deinen Inhalt eine Tabelle, oder benutzt Container, die du wunderbar mit CSS formatieren, positionieren etc. kannst.
In deinem Fall würde ich dir eher zu Tabellen raten, auch wenn wieder sehr viele dagegen sein sollten.
Erstelle einfach eine Tabelle:<table align="center">
<tr>
<td>

</td>
</tr>
</table>Damit hast du dann den Inhalt schon einmal zentriert. In diese Tabelle kannst du dann deinen restlichen Inhalt packen. Zudem empfiehlt es sich auch, die Seite in eine Tabelle mit 3 Zeilen und 3 Spalten aufzuteilen.
Wenn du unbedingt CSS verwenden willst, dann fang neu an.

Pro2k
2004-03-30, 15:55:50
CSS Container wären cleverer gewesen. Also boxen zentrierst du auf 2 Arten eine wirkt in opera und so und die andere im IE.

IE: hier musst du in der übergeordneten ebene text-align: center machen.

Opera: hier musst du den div container mit margin: 0 auto ausstatten.

Nase
2004-03-30, 15:59:31
Original geschrieben von Pro2k
CSS Container wären cleverer gewesen. Also boxen zentrierst du auf 2 Arten eine wirkt in opera und so und die andere im IE.

IE: hier musst du in der übergeordneten ebene text-align: center machen.

Opera: hier musst du den div container mit margin: 0 auto ausstatten. Letztere Methode funktioniert auch im IE (richtigen Doctype vorausgesetzt).