-
30.05.2009 03:16
blub07
Users
Posts: 14
-
Also, habe vergesen zu sagen das ich die version 4.2 habe und dort sind leiter keine tabellen mehr :-(
-
30.05.2009 03:59
xasz
Users
Posts: 23
-
ich benutzte momentan version 4.0 weis jetzt leider nicht ob da noch tabellen sind oder net, auf jedenfall ob tabelle oder net tempalte bleibt template oder ?
-
30.05.2009 07:18
blub07
Users
Posts: 14
-
Ja klar, das ist ja logisch, viele Sachen habe ich auch schon gefunden und auch schon geändert, das einzige was ich nicht schafe ist, die blöcke zentriert zu bekommen, also sprich die ganze seite einfach nur centrieren. Jetzt habe ich ganze nacht dran verbracht, jetzt bin ich einfach nur müde und gehe schlafen.
-
30.05.2009 14:32
xasz
Users
Posts: 23
-
kannst du mir mal deine page zeig und mir ein beispiel sagen, weil mein template ist in meinen augen zentriert
-
30.05.2009 20:46
blub07
Users
Posts: 14
-
nein, leider nicht, da die seite bei mir auf den computer ist (xampp), später wenn diese fertig ist wird die hochgeladen.
-
30.05.2009 21:25
xasz
Users
Posts: 23
-
dann mach nen screen
-
01.06.2009 13:44
snoopy
Super Admin
Posts: 198
-
Ist doch ganz easy...
Zuallerst setzt du um deine Komplette Seite (Menus + Content) einen neuen Div-Container. In etwa so:
Code:
<body>
<div id="wrapper">
<div id ="header"></div>
<div id="BoxesLeft">{$MainLeftBox}</div>
<div id="{$MainContentStyleID}">
{$MainFrameworkmessages}
{$MainContent}
<br />
<div id="Footer">{$Footer}</div>
{$MainDebug}
</div>
<div id="BoxesRight">{$MainRightBox}</div>
</div> // wrapper
</body>
Dann folgende Styles in die design/deindesign/styles.css :
Code:
/* Main-Template */
* { padding:0; margin:0; }
body {
margin:5px 10px 10px 10px;
padding:0px 0px 0px 0px;
text-align:left;
background:#DFDFDF;
background-image:url(images/page_bg.png);
background-repeat:repeat-x;
color:#000000;
font-size:11px;
font-weight:normal;
font-family:verdana, helvetica, sans-serif;
}
div#wrapper {
width:1000px;
margin:0px auto;
}
div#BoxesLeft {
position: relative;
top: 10px;
left: 0px;
width: 160px;
z-index: 50;
float:left;
}
div#Content {
position: relative;
top: 0px;
width:650px;
margin: 0px 10px 10px 10px;
padding: 8px 4px 10px 4px;
background-image:url(images/gradient.gif);
background-repeat:repeat-x;
float:left;
z-index:10;
}
div#BoxesRight {
position: relative;
top: 10px;
right: 0px;
width: 160px;
z-index: 50;
float:right;
}
Die Werte bei den Boxen müsst ihr ech selber austüfteln. Das hier ist nur ein beispiel. Hoffe ihr bekommt das mit dem zentrieren jetzt hin.
-
01.06.2009 20:11
Modified: 1x
01.06.2009 20:12
blub07
Users
Posts: 14
-
Juhu, danke dir, es funktioniert!!!
Das wichtigste war wohl der float-Befehl, denn hatte ich gar nicht drin.
Hast du etwa ein hintergrundbild in den inhalt (also content) definiert? Bei mir habe ich da nur eine farbe. Weißt du vllt wie man noch die trennlinien (also <hr> tag) farblich selbst gestallten kann? Standart sind diese immer bei mir grau.
-
01.06.2009 21:37
xasz
Users
Posts: 23
-
habs grad erst gesehen, eleganter hätte ich es auch nicht lösen kann.
zu deiner Linie, es ist kein problem linien mit css zu bearbeiten, hier ein kleines beispiel
Code:
<hr style="border:solid #00ffff 3px;
background-color:#0000ff;height:10px;width:400px;
text-align:left;">
-
Hinweis:
Um in diesem Board zu posten zu antworten, logge dich bitte zuerst ein.
 "Zitieren"){kind=small}
hab vergessen, sry. hier der screen: einen neuen Div-Container. In etwa so:
\n
\n[c]<body>
\n<div id="wrapper">
\n<div id ="header"></div>
\n<div id="BoxesLeft">{$MainLeftBox}</div>
\n<div id="{$MainContentStyleID}">
\n {$MainFrameworkmessages}
\n {$MainContent}
\n <br />
\n <div id="Footer">{$Footer}</div>
\n {$MainDebug}
\n</div>
\n<div id="BoxesRight">{$MainRightBox}</div>
\n</div> // wrapper
\n</body>[/c]
\n
\nDann folgende Styles in die design/deindesign/styles.css :
\n[c]
\n/* Main-Template */
\n* { padding:0; margin:0; }
\n
\nbody {
\n margin:5px 10px 10px 10px;
\n padding:0px 0px 0px 0px;
\n text-align:left;
\n background:#DFDFDF;
\n background-image:url(images/page_bg.png);
\n background-repeat:repeat-x;
\n color:#000000;
\n font-size:11px;
\n font-weight:normal;
\n font-family:verdana, helvetica, sans-serif;
\n}
\n
\ndiv#wrapper {
\n width:1000px;
\n margin:0px auto;
\n}
\n
\ndiv#BoxesLeft {
\n position: relative;
\n top: 10px;
\n left: 0px;
\n width: 160px;
\n z-index: 50;
\n float:left;
\n}
\n
\ndiv#Content {
\n position: relative;
\n top: 0px;
\n width:650px;
\n margin: 0px 10px 10px 10px;
\n padding: 8px 4px 10px 4px;
\n background-image:url(images/gradient.gif);
\n background-repeat:repeat-x;
\n float:left;
\n z-index:10;
\n}
\n
\ndiv#BoxesRight {
\n position: relative;
\n top: 10px;
\n right: 0px;
\n width: 160px;
\n z-index: 50;
\n float:right;
\n}[/c]
\n
\nDie Werte bei den Boxen müsst ihr ech selber austüfteln. Das hier ist nur ein beispiel. Hoffe ihr bekommt das mit dem zentrieren jetzt hin.[/quote]') "Zitieren"){kind=small}
Ist doch ganz easy...
