Re-Design XPUsermanager Homepage

[Florian Hämmerle]

.middle muss in der css nach .boxes definiert werden sonst werden die werte wieder überschrieben...

Code:

.bottom
{
   width: 840px;
}

.boxes, .middle
{
   float: left;
   width: 230px;
   padding: 20px;
   margin-top: 20px;
   margin-left: 0px;
   margin-right: 0px;
   background-color: #E8E8E8;
}

.middle
{
   margin-left: 15px;
   margin-right: 15px;
}

Das dürfte klappen (nur aus dem Kopf heraus jetzt)

mfg Florian

[Luckie]

Code:

.boxes  {
   float: left;
   width: 213px;
   height: 150px;
   padding: 20px;
   margin-top: 20px;
   margin-left: 0px;
   margin-right: 0px;
   background-color: #E8E8E8;
}

.middle {
   margin-top: 20px;
   margin-left: 10px;
   margin-right: 10px;
}

Die Boxen links und rechts scheinen immer noch einen Rand zu haben. Und wenn ich sie breiter mache rutscht die rechte Box wieder unter die mittlere.

[Florian Hämmerle]

.bottom muss noch 840px breit werden wie alles darüber

Du hast .body width auf 800px und padding auf 20px => absolute Breite = padding-left + width + padding-right = 20 + 800 + 20 = 840px.

mfg Florian

[Luckie]

Zitat von Florian Hämmerle:

.bottom muss noch 840px breit werden wie alles darüber

Du hast .body width auf 800px und padding auf 20px => absolute Breite = padding-left + width + padding-right = 20 + 800 + 20 = 840px.

mfg Florian

Verdammt, das wars. Jetzt passt es.

So, bleibt noch ein vernünftiges Farbschema. Was würdet ihr da vorschlagen? Ich habe für so was kein Auge.

[Florian Hämmerle]

Farbschema: ich würde ein dunkleres blau für den header nehmen.. das jetzige sieht irgendwie etwas "ausgewaschen" aus. Color-Code: #024978;

Was für einen Browser verwendest du denn?
Firefox? --> Addon Firebug
Chrome? Maus-Rechtsklick->Element untersuchen
dann kannst du die einzelnen HTML-Nodes ansehen und bearbeiten ohne jedesmal direkt in der Datei etwas zu ändern.

[Luckie]

Firebug habe ich installiert. Das kenne ich. Ich lade es nur hoch, damit ihr seht, wie es aussieht.

OK, den Banner ein etwas dunkleres Blau und den Rest so lassen?

[Florian Hämmerle]

gut (:

ich will dich jetzt nicht von meinem Geschmack beeinflussen aber ich finde es sehr angenehm, wenn der haupttextblock (bei dir div.body) einen (sehr) dezenten Rahmen hat (also nur etwas dunkler als die Hintergrundfarbe).

Ansonsten am Design fällt mir nichts mehr auf, nur noch am Aufbau der HTML-Datei. Da gäbe es noch einige Dinge die man machen könnte um es leichter wartbar zu halten.
.wrapper
.header
.footer

<hr /> ist eigentlich nicht notwendig, dafür kann man auch .footer einen border-top verpassen.

das nur als Anregung.

mfg Florian