Content mittig platzieren

maeggi07 · 21.06.2009

Hallo,

ich habe schon einige Threads zu meinem Problem gelesen. Nur leider haben die Lösungen mir nicht geholfen.
Ich habe mit Joomla eine Clan Page erstellt.
Jetzt wollte ich das Template breiter machen. Nur leider kann ich den Content(Seiteninhalt) nicht mittig ausrichten.
Ich möchte das der Content, sich ausbreitet(100%), und dabei soll es mittig gesetzt sein.
Also er soll einfach den rest der Leeren Fläche ausfüllen.
Ich habe auch schon in Joomla Forum geschrieben, das war vor 5 Tagen. Da scheint mir wohl keiner Helfen zu können. Daher dachte ich, ich versuche es mal bei euch.

www.fuc kthesun.de

ihr müsst zwischen C und K die Leerzeile rausnehmen

meine CSS Datei hänge ich mal an.

www.fuc kthesun.de/template.zip

Ihr müsst zwischen C und K die Leerzeile rausnehmen.

Ich hoffe ihr könnt mir bei meinem Problem helfen.

Vielen Dank

mfg

Herr_D · 21.06.2009

AW: Content mittig platzieren

was soll den bitte bei 100% mittig sein?

HP funzt nicht...

maeggi07 · 21.06.2009

AW: Content mittig platzieren

wow, das ging ja schnell.

Doch die HP funktioniert du musst nur
zwischen C und K die Leerzeile rausnehmen.

www.****thesun.de

der Seiteninhalt soll sich 100% ausfüllen. Also in moment ist der Inhalt Linksbündig. Und der soll sich jetzt nach rechts ausbreiten. Bis kurz vor dem rechten Menü.
Also mittig setzten und 100% ausfüllen

Ich hoffe das war verständlich.
Wenn nicht kann ich nochmal ein Screen machen.

mfg

LongDonGold · 21.06.2009

AW: Content mittig platzieren

Weil das Wort F.u.c.k in dem Link drin und ein Leerzeichen drin ist, geht er nicht

Ich schaue mir mal die Seite gleich an

Edit://

Du hast du Ausrichtung nicht angegeben:

Code:

<div class="gk_tab_container0-style4" style="width: 400px;">

geändert:

Code:

<div align="center" class="gk_tab_container0-style4" style="width: 400px;">

Probiere das mal bei deinem Contentbereich.

bei dem Div tag kannst du auch in deiner CSS die angaben ändern.

Code:

left: 100px; oder so, musste dann selber schauen ;)

Play9 · 21.06.2009

AW: Content mittig platzieren

Falls das nicht hilft, vedrsuch es einfach mal mit

Code:

#content {
     margin-left: auto;
     margin-right: auto;
}

Ich hab jetzt den Content einfach content genannt ^^
Hoffe, ich hab jetzt keinen Dreck erzaehlt, aber ich mach das immer so.

maeggi07 · 21.06.2009

AW: Content mittig platzieren

Hallo,

@LongDonGold

Leider zeigt er mir bei der DIV änderung und bei der CSS änderung keine veränderungen. Alles bleibt wie vorher auch.

@Play9

Genau das selbe Problem, keine veränderungen.

Das ist echt der Hammer, ich habe eig. sonst nie Problem sachen anzupassen.
Mit CSS kenn ich mich auch aus. Zwar nicht 100% aber 80% CSS und ich versuche es schon seid 6 Tagen, und ich bekomme es einfach nicht gebacken. Wenn ich es mit Padding mache.
Dann kann ich, das Content links und rechts anpassen. Aber dann sieht es so aus

Hier ein Screen

und ich möchte das sich das Content auseinander zieht.
Nicht das da so Balken kommen.

Vielen Dank für eure Hilfe

Ich benutze FF und benutze das Plugin Firebug damit kann ich das Live anpassen.

mfg

Gideon · 21.06.2009

AW: Content mittig platzieren

Guck Dir mal in Deinem Stylesheet folgendes an:

#ja-wrapper {
width: 100%px;
margin: 0 auto;
clear: both;
background: url(../images/wrapper-bg.png) repeat-y center;
}

.narrow #ja-wrapper {
width: 100%px;
background: url(../images/wrapper-bg-n.png) repeat-y center;
}

Nimm mal das px hinter dem % raus.

maeggi07 · 21.06.2009

AW: Content mittig platzieren

Genau diese 2 Fehler habe ich auch eben gesehn

Leider hat auch das ändern nichts gebracht.

Ich kenn die CSS datei jetzt schon fast auswendig^^

Ich hoffe ihr habt noch ein paar Ideen

mfg

maeggi07 · 21.06.2009

AW: Content mittig platzieren

so, ich habe jetzt das Template zurück gesetzt Standart.

Jetzt könnt ihr sehen, das Links und Rechts noch Platz ist.
Das möchte ich natürlich auch nutzen. Darum möchte ich das Template breiter machen.

Hier die Aktuelle Template.css

kthesun.de/template.zip

Ihr müsst wieder das Leerzeichen zwischen C und K entfernen.

Vieleicht hilft uns das ja weiter.

Vielen Dank für eure Hilfe

EDIT: was ich mich auch frage ist, warum das rechte menü breiter ist als das linke. beides steht auf 30% hier ein ausschnitt aus der CSS

#ja-col1 {
float: left;
overflow: hidden;
width: 30%;
}

#ja-col1 div.ja-innerpad {
padding-right: 5px;
}

#ja-col2 {
float: right;
overflow: hidden;
width: 30%;
}

#ja-col2 div.ja-innerpad {
padding-left: 5px;
}

Gideon · 21.06.2009

AW: Content mittig platzieren

Die Baustelle scheint schon richtig gewesen zu sein.
Hier das Original:

#ja-wrapper {
width: 950px;
margin: 0 auto;
clear: both;
background: url(../images/wrapper-bg.png) repeat-y center;
}

.narrow #ja-wrapper {
width: 750px;
background: url(../images/wrapper-bg-n.png) repeat-y center;
}

Das hast Du daraus gemacht:

#ja-wrapper {
width: 100%;
margin: 0 auto;
clear: both;
background: url(../images/wrapper-bg.png) repeat-y center;
}

.narrow #ja-wrapper {
width: 100%;
background: url(../images/wrapper-bg-n.png) repeat-y center;
}

Du hast versucht ein fixes Layout auf liquid zu stellen.
Dann musst Du aber auch hier:

.narrow #ja-wrapper {
width: 100%;
background: url(../images/wrapper-bg-n.png) repeat-y center;
}

die Werte korrekt setzen. Das hier dürfte ungefähr hinkommen:

.narrow #ja-wrapper {
width: 79%;
background: url(../images/wrapper-bg-n.png) repeat-y center;
}

leohh · 21.06.2009

AW: Content mittig platzieren

Kein Wunder...
Du hast unendlich viele Container ineinander verschachtelt ( mag vllt. durch Joomla erzeugt worden sein)

Na auf jedenfall, hast du zwei mal ein padding von jeweills 20px und einmal eines von 10px nach links und rechts, dann ist dein Inhaltcontainer eigentlich 446px Breit aber dann ploetzlich wird er (von dir?) ohne sinn per inlinestylesheet auf 400 runter gesetzt, was sich dann auf die nachfolgenden Container vererbt und irgendwo in dieser unendlichen Kette aus verschachtelten divs hast du auch mal eine Breit von 1200px angegeben, die dann durch den naechsten Container wieder negiert wird.

Also, aender die Betreffenden Container so, dass das padding verschwindet und einige dich mit Joomla auf eine Breite. Das alles kannst du sehen, wenn du dir Firebug auf deinen Firefox installierst

maeggi07 · 21.06.2009

AW: Content mittig platzieren

Wow, das klingt ja kompliziert.

Ich habe Firebug installiert, aber wo seh ich das?
Hm... um ganz ehrlich zu sein, weiß ich nicht wo ich anfangen soll und was ich löschen soll.

Könntest du mir vieleicht dabei helfen?

Ich hänge meine index.php mal mit an.

www.fuc kthesun.de/index.zip

wie immer das Leerzeichen zwischen C und K entfernen

Vielen Dank

mfg