Kategorien

RHO zentriert

Hallo Leute,

da ich jetzt schon mehrere PN hatte bzgl der Zentrierung von RHO stelle ich es hier mal als Anleitung ein.

Das Problem bei RHO ist, dass die Hintergrundgrafik bei BODY eingebunden ist und sich somit hartnäckig den üblichen hier im Forum beschriebenen Anleitungen zum zentrieren entzieht.

Also:

In der Navigation.ccml gibst du unter <body> folgendes ein:
<div id=“zentrieren“>
<div id=“logoback“></div>

Dann ganz unten über </body>:
</div> <!–ENDE Zentrieren–>

In der Style_content.css gibst du unterhalb des body Eintrags folgendes ein:

Code: Alles auswählen
#zentrieren {
position: absolute; /*wichtig*/
top: 0px;
left: 50 %; /*wichtig*/
margin: 0 -500px; /*wichtig*/
width: 1000px;
height: 100px;
}

Jetzt ist noch die Hintergrundgrafik des Headers verrutscht. Dazu löscht du im BODY Eintrag folgenden Eintrag:
url(../images/<cc:print value=“&pic.back.filename“>)

Jetzt muss noch die Position der Grafik bestimmt werden. Dazu gehst du in die style_design.css und gibst oberhalb des #logo Eintrags folgendes ein:

Code: Alles auswählen
#logoback {
position: absolute;
width: 1002px;
height: 240px;
background : url(../images/<cc:print value="&pic.back.filename">) no-repeat;
z-index: 80;
}

Jetzt musst du noch den #logo Eintrag ändern, damit das Bild im Hintergrund ist. Dazu gibst du vor der }Klammer folgendes ein:
z-index: 81;

Jetzt ist noch die Menüleiste im Hintergrund. Die wird nach vorne geholt, indem unterhalb des Eintrags #nav { folgendes ein:
z-index: 82;

 

Quelle: http://w2d-forum.de/viewtopic.php?t=5390&highlight=css+zentrieren+anleitung

Schreibe einen Kommentar