ich umschliesse den gesamten content meiner seite mit einem div:
<body>
<div id="frame">
hier kommt der gesamte content rein....
</div>
</body>
css:
#frame{
margin-left:auto;
margin-right:auto;
width:800px;
text-align:center;
}
in deinem html-template mußt du natürlich das div frame auch mitnehmen. wenn du erst ab document einbindest fehlt das natürlich und ist ziemlich sinnlos.
so geht und ging es bei mir immer.
also habe es nun versucht. ist sicher immer noch falsch!? Weil es funktioniert immer noch nicht!
<body>
<div id="frame">
<!--###document###-->
<div id="all">
</div>
<div id="content">
<!--###content###-->
hier kommt der content hin
<!--###content###-->
</div>
<div id="header_rootline">
<!--###header_rootline###-->
header_rootline
<!--###header_rootline###-->
</div>
<div id="header_menu">
<!--###header_menu###-->
header_menu
<!--###header_menu###-->
</div>
<div id="head">
<!--###head###-->
hier kommt der content hin
<!--###head###-->
</div>
<div id="left">
<!--###left###-->
left
<!--###left###-->
</div>
<div id="content_right">
<!--###content_right###-->
content_right
<!--###content_right###-->
</div>
<!--###document###-->
</div>
</body>
wird das div mit der id frame auch in die seite eingebunden?
wenn du workunsubpart document machst, fehlt das ja. checke das zuerst. wenn es im source der ergebnisseite steht und das css wie von mir angegeben ist, kannst du ja noch mal posten.
also den DIV "Frame" brauch ich nicht für ein Textzeil oder Logo etc. , ich habe gedacht das der der Wrapper für die Zentrierung ist?
Die URl ist http://test.cgsolutions-online.de/
okay. frame wird nicht eingebunden.
entweder nimmst du das frame div noch in das dokument, oder du verwendets das div id all
also
#all{
margin-left:auto;
margin-right:auto;
width:800px;
text-align:center;
}
dann mußt du aber das schließende tag von div id all auch ans ende stellen, also vor das hintere <!--###document###--> (nach content right)
du könntest auch wahlweise alle unteren container zentrieren aber das ist kompletter schwachsinn. weil du so alles nur bei div all ändern mußt.
page {
...
stylesheet = fileadmin/deine-css.css
10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/deine-vorlage.html
10.workOnSubpart = BODY_INHALT - oder wie immer du den Subpart nennen willst
-
10.marks.document = TEXT oder was immer du willst
- dies ist dein MARKER ###dokument###
usw.
Einbinden in die Vorlage:
<body>
<!-- ###BODY_INHALT### -->
<div id="frame">
alles andere
</div>
<!-- ###BODY_INHALT### -->
</body>
He Danke!
Habe die Anweisung von GreaseGun befolgt
Jetzt sieht es schon viel zentrierter aus ;-)
Allerdings stimmt noch was mit meinem content_right, content und navi nicht?
Könntet ihr mir da auch noch auf die Sprünge helfen unten ist die URL
http://test.cgsolutions-online.de/
Danke
grundsätzlich: arbeitest du mit der firefox extension webdeveloper order so ähnlich? damit kannst du dir z.b. die container einblenden lassen. kann enorm helfen.
bin aber kein webdesigner und habe leider nicht das auge dafür, den 'fehler' sofort zu sehen ;-)
ich frage mich nur, warum deine elemente absolut positioniert sind. beim vergleich quelltext und resultat sehe ich, dass ein paar reihenfolgen verändert sind.
was für ein layout möchtest du denn haben?
mein standardlayout mache ich immer so:
<div id="frame">
<div id="header">
</div>
<div id="navi-oben">
</div>
<table id="schade">
<tr>
<td id="left"></td>
<td id="center"></td>
<td id="right"></td>
</tr>
</table>
<div id="footer">
</div>
</div>
frame zentriert die seite. header, top-navi und footer gehen auf die volle breite und die tabelle auf 100%.
habe zig foren und profis nach einer lösung ohne tabelle befragt, aber keine bekommen. denn die divs lassen sich auch mit float-layout nicht auf gleiche höhe bringen.
damit habe ich ein solides grundgerüst und die einzeilige tabelle tut niemandem weh.
hmm. so könnte ich es natürlich auch versuchen...
Hast du mir noch das passende CSS für das HTMK-Template, das ich es bisschen versuchen kann und es auch verstehe wie es genau funktioniert?
Danke und Gruß
da braucht man nicht viel css.
das css für id frame hast du ja schon eingesetzt. die tabelle bekommt 100% höhe und bekommt so den rest vom platz, der nicht von header+navi+footer verwendet wird.
dann kann man noch einstellen, wie die drei spalten innerhalb der tabelle ausgebreitet sind.
z.b. feste breite für left (menü) und right (z.b. newsbar), center (content) bekommt dann den rest vom platz.
kiss - keep it small & simple
btw - auf der domain, wo du dein beispiel verlinkt hast, wird auch webdesign angeboten ;-)
edit:
hier noch mal ein beispiel-css:
#frame{
margin-left:auto;
margin-right:auto;
width:800px;
text-align:center;
}
#header{
text-align:center;
}
#top-navi{
text-align:right;
}
#whatamess{
margin:0;
height:90%;
}
#left{
width:200px;
}
#right{
width:400px;
}
#footer{
text-align:center;
}
#tabelle td {
vertical-align:top; <-- damit bei left, center und right der inhalt oben anfängt
}