mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 16.04.2024 09:42 Benutzername: Passwort: Auto-Login

Thema: Diesen CSS-Code noch mittig ausrichten? vom 15.08.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Diesen CSS-Code noch mittig ausrichten?
Autor Nachricht
frq
Threadersteller

Dabei seit: 03.11.2005
Ort: Bananenstadt
Alter: -
Geschlecht: Männlich
Verfasst Sa 15.08.2009 21:36
Titel

Diesen CSS-Code noch mittig ausrichten?

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 16.08.2009 00:19
Titel

Antworten mit Zitat Zum Seitenanfang

Hi,

prinzipiell müsste ein umarmender div mit folgendem Wert die horizontale Zentrierung vornehmen:
Code:
margin: 0 auto;

Zu vertikaler Zentrierung findest du in den ähnlichen Themen (unten) oder in der Suche genug Themen im Forum. Lächel

Falls das 1. nicht geht, poste bitte einen Link zum Onlinebeispiel.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
nel

Dabei seit: 18.09.2004
Ort: Köln
Alter: -
Geschlecht: Männlich
Verfasst So 16.08.2009 01:49
Titel

Antworten mit Zitat Zum Seitenanfang

Smooth-Graphics hat geschrieben:
Hi,

prinzipiell müsste ein umarmender div mit folgendem Wert die horizontale Zentrierung vornehmen:
Code:
margin: 0 auto;

Zu vertikaler Zentrierung findest du in den ähnlichen Themen (unten) oder in der Suche genug Themen im Forum. Lächel

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?
  View user's profile Private Nachricht senden
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.