Design => CSS

[wapplegraph]

Hallo

Ich bin nun ein einem grösseren Projekt und habe mir ein Design mit Photoshop CS2 erstellt, dieses in kleine Bilder zerschnipselt und nun:

Es gibt Bilder, die ich mit <img> tags einfüge, und welche, die ich als backround-images nehme un vervielfache.

Nun habe ich ein Problem mit der Positionierung. Soll ich die Sachen absolute positionieren, jedoch weiss ich nicht, wie ich dann die aussen box einmitte. Oder macht man dies mit dem schweren float?

wapplegraph

 

[wapplegraph]

Hallo

Ich habe jetzt einmal mit float begonnen und der Anfang sieht gut aus. Doch nun habe ich schon ein Problem:

Wir ihr sehen könnt, müssen jetzt Bilder links und rechts hin. Doch wie ohne absolute positionierung?

 

[Hilarious]

Hier solltest Du besser mit einer Verschachtelung von Bereichen (DIVs) arbeiten:

<div class="oben_mitte">
  <div class="oben_rechts">
    <div class="oben_links">
      <div class="inhalt_oben">
        bla</div>
    </div>
  </div>
</div>

... und dann jedem dieser Klassen ein Hintergrundbild zuordnen. Eins mit der rechten Ecke oben, eines mit der linken Ecke oben, eins für die Mitte.

 

[wapplegraph]

Hallo

Meinen Head Bereich habe ich bis auf etwas ganz merkwürdiges fertig.

Ein Element will sich nicht eingliedern:

Verbreitere ich jedoch head_mitte um 2px oder verkleinere ich head9 um 2px passt es herein. Aber es hat dann 2px Leerraum.

Jetzt nach langem herumprobieren, ist mir auf einmal alles wieder an den linken Rand gerutscht, obwohl ich alles wieder rückgängig gemacht habe.


wapplegraph

 

[wapplegraph]

Jetzt klappts, bis auf die Einmittung.

wapplegraph