Design Beta zentrieren

[nejhus]

Moinsen!
Ersteinmal Supi Forum hier
Ich Arbeite schon etwas länger mit wtd 5.0
jetzt aber hab ich mich entschlossen mal eine neue site mit dem Design BETA
zu machen.
Nun hab ich folgendes Problem:
Wie bekomme ich es hin das die Website (immer) mittig dagestellt wird?
Im Moment ist sie sehr linkslastig.
Beim design ludo hatte ich das problem nicht.
Hoffe ihr könnt mir helfen.

[blue]

Upps... das ist schon ein wenig komplexer

in der style.css folgende Container ändern:

BODY {
background: <cc:print value="&usercolor.medium"> url(../images/<cc:print value="&pic.background.filename">) repeat-x top left;
width: 976px;
margin: 0 auto;
}


#logo {
background : url(../images/<cc:print value="&pic.logo.filename">) no-repeat top right;
width:800px;
height:50px;
top: 0px;
padding-left: 180px;
}

#main {
float: right;
top: 50px;
width: 800px;
}


#nav {
float: left;
padding: 0;
margin: 0;
padding-left: 10px;
top: 50px;
}

[nejhus]

Danke!
das klappt schon mal super.
Sorry aber ich habe vergessen zu erwähnen das ich eine style_sidebar.css
habe.
Ich habe dieses Design von Beta verwendet:
http://www.kohlbrok.com/michael/web2...tersidebar.php
was muss ich da noch umstellen?
damit sich die sidebar mit verschiebt??
oder reicht es wenn ich es so umstelle???
#sidebar {
position: absolute;
top: 268px;
left: 1127px;
width: 160px;
padding: 0px

[blue]

Das ist ja ein völlig anderes Thema...

Dazu muss hier zunächst einmal die navigation.ccml geändert werden.

ab

<div id="navbottom"></div>
</div>

muss es jetz so ausshen:

<cc:if cond="&sidebar.count gt 0">
<div id="sidebarframe">
<div id="sidetop"></div>
<div id="sidebar">
<cc:loop type="sidebar" obj="mysidebar">
<cc:if cond="&mysidebar.caption">
<h2><cc:print value="&mysidebar.caption"></h2>
</cc:if>
<cc:print value="&mysidebar.text"><br>
</cc:loop>
</div>
<div id="sidebottom"></div>
</div>
</cc:if>
 
<div id="main">
<div id="maintop"></div>
<div id="content">
<div id="youarehere">
<a href="<cc:print value="&home.url">"><cc:print value="&site.ressource.home"></a>
<cc:if cond="&page.maintopic.number">
/  <a href="<cc:print value="&page.maintopic.url">"><cc:print value="&page.maintopic.caption"></a>
</cc:if>
<cc:if cond="&page.topic.number">
/  <a href="<cc:print value="&page.topic.url">"><cc:print value="&page.topic.caption"></a>
</cc:if>
<cc:if cond="&page.subtopic.number">
/  <a href="<cc:print value="&page.subtopic.url">"><cc:print value="&page.subtopic.caption"></a>
</cc:if>
<cc:if cond="&topic.isshop">
 | <cc:print value="&site.ressource.inyourcart">: <?php $basket->show_quantity() ?> <cc:print value="&site.ressource.cartitem">, <?php echo $basket->show_price() ?> <cc:print value="&site.currency">
</cc:if>
</div>
<cc:print value="&page.content.text">
</div>
 
<div id="mainbottom"></div>
<!-- footer -->
<div id="maintopfooter"></div>
 <div id="footer">
  <p><a class="link" <cc:if cond="&page.ishome">style="font-weight:bold;"</cc:if> href="<cc:print value="&home.url">"><cc:print value="&site.ressource.home"></a><cc:loop type="maintopic" obj="mymaintopic"> | <a class="link" <cc:if cond="&mymaintopic.ispagemaintopic">style="font-weight:bold;"</cc:if> href="<cc:print value="&mymaintopic.url">"><cc:print value="&mymaintopic.caption"></a></cc:loop></p>
  <p>&copy;<?php echo date(Y); ?> Max Muster e.V. | Designed by <cc:print value="&site.metaauthor"></p>
 </div>
<div id="mainbottomfooter"></div>
</div>
 
</body>
</html>

in der style.css folgende Container ändern:


#main {
float: left;
top: 50px;
padding-left: 4px;
width: 635px;
}

BODY {
background: <cc:print value="&usercolor.medium"> url(../images/<cc:print value="&pic.background.filename">) repeat-x top left;
width: 978px;
margin: 0 auto;
}

#logo {
background : url(../images/<cc:print value="&pic.logo.filename">) no-repeat top right;
width:800px;
height:50px;
top: 0px;
padding-left: 180px;
}

#nav {
float: left;
padding: 0;
margin: 0;
padding-left: 10px;
top: 50px;
}



und in der style_sidebar.css

#sidebarframe {
float: right;
top: 50px;
width: 160px;
}

#sidebar {
background : <cc:print value="&usercolor.bright"> url(../images/<cc:print value="&pic.shadow.filename">) no-repeat top left;

}
#sidetop {
background : url(../images/<cc:print value="&pic.side.top.filename">) no-repeat top left;
width:160px;
height:10px;
overflow: hidden;
border-bottom: 1px solid #aaaaaa;
}
#sidebottom {
background: url(../images/<cc:print value="&pic.side.bottom.filename">) no-repeat top right;
width:160px;

border-top: 1px solid #aaaaaa;
}

[nejhus]

Danke Dir
hat alles super geklappt!

[on69]

Hallo blue!
Danke erst mal für Deine tollen Tipps.
Ich hab meine Website auch erfolgreich damit zentriert.

Ich hab allerdings das Problem, dass bei Besuchern die den IE6 benutzen die main-Spalte unter der Navigation erscheint.

Ist das Problem irgendwie lösbar, ober muss mann hoffen, dass die Leute irgendwann ihre Browser updaten?

Gruß
Andreas

[naeg-computer.com]

Hallo on69


Habe leider kein IE6 mehr aber probier mal diese Seite aus: SVBS/ASSE/ASSA
Tritt da das Problem mit IE6 auch auf?


Grüsse

Oliver

[Skyengel]

moinsen, sag mal, wo finde ich dateien? wenn ich da nach suche was blue geschrieben hat um meine website mittig zu zentrieren? ich bin absoluter anfänger... also bitte für blond und blöde erklären :-) danke

[voodoo36]

Zitat von naeg-computer.com

Hallo on69
Habe leider kein IE6 mehr aber probier mal diese Seite aus: SVBS/ASSE/ASSA
Tritt da das Problem mit IE6 auch auf?
Grüsse Oliver

@ naeg-computer.com
Hallo Oliver , nein aber dort ist der Content mit der Sidebar ohne Abstand