Autor |
Nachricht |
frq
Threadersteller
Dabei seit: 03.11.2005
Ort: Bananenstadt
Alter: -
Geschlecht:
|
Verfasst Sa 15.08.2009 21:36
Titel Diesen CSS-Code noch mittig ausrichten? |
|
|
Hallo ihr mediengestalter,
ich bräuchte mal eure Hilfe bei meinem CSS einstieg. Ich habe die Seite pds2css entdeckt, eine Seite, die ermöglicht eigene Photoshopdesigns in CSS zu konvertieren. Finde ich für den Einstieg ziemlich praktisch, abgesehen davon, dass manche konvertierungen quatsch sind und man dann doch nochmal Hand anlegen muss.
Naja, ich habe eine Webseite gebaut, die ein Kasten (mit diversen Inhalten) ausgestattet ist und den dann durch die Konvertierung gejagt. Ich dachte ich nehme dann genau diese Seite und bearbeite die CSS so, dass der komplette Block vertikal und horizontal zentriert wird.
Ich habe also ein Div-Container um den gesamten rest gemacht und gehofft, diesem dann die passenden Befehle zu geben. Falsch gehofft! hat natürlich nicht geklappt, wahrscheinlich, wegen dem bereits konvertierten Code.
So im etwa sieht die CSS aus:
Code: | /* You named this layer Hintergrundfarbe_bkgnd */
#Layer-1 {
position: absolute;
left: +0px;
top: +0px;
width: 900px;
height: 600px;
z-index: 1;
background-image: url(Layer-1.png);
}
/* You named this layer logo */
#Layer-2 {
position: absolute;
left: 633px;
top: 16px;
width: 242px;
height: 108px;
z-index: 2;
}
/* You named this layer balken gelb*/
#Layer-3 {
position: absolute;
left: 30px;
top: 0px;
width: 164px;
height: 600px;
z-index: 3;
}
.
.
. |
Gibt es eine Möglichkeit diese CSS weiter zu verarbeiten? Oder ist die herangehensweise für ein zentriertes Layout völlig anders?
Ich wäre für jede Hilfe dankbar. Ich weiß, alles von selbst in CSS zu coden ist wahrscheinlich geschickter, aber ich wollte mal diesen Weg testen und dadurch evtl. etwas Zeit sparen..
Danke
frq
|
|
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst So 16.08.2009 00:19
Titel
|
|
|
Hi,
prinzipiell müsste ein umarmender div mit folgendem Wert die horizontale Zentrierung vornehmen:
Zu vertikaler Zentrierung findest du in den ähnlichen Themen (unten) oder in der Suche genug Themen im Forum.
Falls das 1. nicht geht, poste bitte einen Link zum Onlinebeispiel.
|
|
|
|
|
Anzeige
|
|
|
nel
Dabei seit: 18.09.2004
Ort: Köln
Alter: -
Geschlecht:
|
Verfasst So 16.08.2009 01:49
Titel
|
|
|
Smooth-Graphics hat geschrieben: | Hi,
prinzipiell müsste ein umarmender div mit folgendem Wert die horizontale Zentrierung vornehmen:
Zu vertikaler Zentrierung findest du in den ähnlichen Themen (unten) oder in der Suche genug Themen im Forum.
Falls das 1. nicht geht, poste bitte einen Link zum Onlinebeispiel. |
die divs von ihr sind alle auf absolut gesetzt, also müsste das umschließende div zusätzlich noch
Code: | position: relative; |
haben, oder?
|
|
|
|
|
|
|
|
Ähnliche Themen |
in CSS mittig ausrichten
div-box mittig ausrichten
[html] Problem mit mittig ausrichten
[css] content mittig platzieren/ausrichten
[css] Layer horizontal und vertikal mittig ausrichten
[illu] text in textbox unten bzw. mittig ausrichten
|
|