[CSS] Code zusammenfassen

[Luckie]

Ich habe folgenden CSS Code:

Code:

div {
  position: absolute;
  left: 200px;
  right: 20px;
}

div.nav {
  background-color: #d8d8d8;
  position: absolute;
  left: -180px;
  top: 25px;
  width: 150px;
  padding: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #808080;
}

div.admin {
  background-color: #d8d8d8;
  position: absolute;
  left: -180px;
  top: 219px;
  width: 150px;
  padding: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #808080;
}

div.stats {
  background-color: #d8d8d8;
  position: absolute;
  left: -180px;
  top: 350px;
  width: 150px;
  padding: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #808080;
}

Kann man den noch irgendwie zusammenfassen? Es kommt ja vieles doppelt vor.

[mkinzler]

Ich würde alles was identisch ist in div auslagern. Das gilt ja grundsätzlich.

[alcaeus]

Zitat:

Zitat von Luckie

Kann man den noch irgendwie zusammenfassen? Es kommt ja vieles doppelt vor.

Natuerlich:

Code:

div {
  position: absolute;
  left: 200px;
  right: 20px;
}

div.nav, div.admin, div.stats {
  background-color: #d8d8d8;
  position: absolute;
  left: -180px;
  width: 150px;
  padding: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #808080;
}

div.nav {
  top: 25px;
}

div.admin {
  top: 219px;
}

div.stats {
  top: 350px;
}

;)

Greetz
alcaeus

PS: Ob es wirklich so geschickt ist, jedes div zu positionieren, weiss ich nicht. Evtl. solltest du das wirklich klassen- oder id-spezifisch machen, und in div {} nur die wirklich allgemeinen Sachen zu setzen.

[Luckie]

Na ja, ich habe ja ein normales div ohne Klasse, aber das hat auch chon Eigenschaften. Ich dachte an div.box für die Boxen und dann davon die anderen divs ableiten oder so. Geht das mit CSS? Und wenn ja, wie.

Roter Kasten.

@alcaeus: Das proble ist, wenn cih jetzt einen Link in der Navigation hinzufüge, wird die Box größer und ich muss die top-eigenschaften der anderen Boxen anpasen. Kann man das irgendwie automatisieren?

[alcaeus]

Indem du die Boxen nicht absolut positionierst? :gruebel:
Ich versteh sowieso nicht warum fast jeder meint, div-Layouts muessten absolut positioniert werden.

Hast du mal ne Demo von der Seite? Evtl. gehts wirklich viel einfacher als du denkst...

Greetz
alcaeus

[Luckie]

Das Demo ist eine Homepage. ;)

[alcaeus]

Zitat:

Zitat von Luckie

Das Demo ist eine Homepage. ;)

Sag doch gleich dass du direkt an deiner Homepage arbeitest...ich mach das immer etwas anders ;)

[add]Inhalt vergessen. Ich ueberleg mir schnell was.[/add]

Greetz
alcaeus

[Luckie]

Ich habe keinen Apache mit PHP lokal installiert, so dass ich das immer direkt live auf dem Server mache. ;)

[Sascha L]

Zitat:

Zitat von Luckie

Ich habe keinen Apache mit PHP lokal installiert, so dass ich das immer direkt live auf dem Server mache. ;)

Dort erstellt man sich einen Unterordner, z.B. "Test" und kopiert eine Website hin, an der man dann rumtesten kann und wenn dann alles funktioniert, übernimmt man es für die Hauptseite ;)

[Luckie]

Ist mir zu umständlich. Aber zurück zum Thema bitte.