Thema: Template Villadi

hallo liebe joomler,

eins vorweg: ich habe die suche benutzt und auch google. ich bin jetzt seid 2 tagen am suchen. aber ich finde einfach keine lösung, für mein problem.

problem: ich benutze das villadi template und joomla 1.0.15. das villadi template hat 2 menüs. das right menü und das left menü. das left menü ist mit im content intigriert.

das könnt ihr hier sehen (klick mich)

das habe ich aber geändert. habe das left menü links neben dem content gepackt, so wie es sich gehört. jetzt habe ich aber probleme mit meinem content das rutscht immer unter das left menü und das right menü rutscht unter dem content. also so sieht es dann aus

left modul
content
right modul

wie auch auf meiner seite zusehen ist (klick mich)

der content rutsch runter weil ich in der template_css.css width: auf 100% gestellt habe. weil ich dachte das sich die breite dann automatisch anpasst. ohne das es runter rutscht.
ich möchte das, das content sich automatisch der breite anpasst. weil das rechte menü nicht immer da ist zb. gibt es bei mir im profil kein rechtes menü. und da sollte sich das content schon anpassen. sonst würde ich das ja gleich auf die breite anpassen.
die menüs left und rigth haben eine breite von width: 180px;

hier mal ein kleiner css code meines templates aus der datei template_css.css

/* CONTENT COLUMN
--------------------------------------------------------- */
#ja-mainbody {
float: left;
width: 100%;
border: 2px solid #000000;
}

#ja-mainbody #ja-contentwrap {
float: right;
width: 100%;
}

#ja-mainbody-fl {
float: left;
width: 80%;
}

#ja-mainbody-fl #ja-contentwrap {
float: left;
width: 100%;
}

#ja-mainbody-fr {
float: left;
margin-left: auto;
margin-right: auto
}

#ja-mainbody-fr #ja-contentwrap {
float: right;
width: 80%;
}

#ja-mainbody-fr #ja-leftcol {
width: 20%;
}

#ja-mainbody-f {
float: left;
width: 100%;
}

/* LEFT COLUMN + RIGHT COLUMN
--------------------------------------------------------- */
#ja-leftcol {
padding-right: 3px;
float: left;
width: 180px;
}

#ja-rightcol {
float: right;
width: 180px;
}

#ja-leftcol table,
#ja-rightcol table {
border-collapse: collapse;
border-spacing: 0;
}

#ja-leftcol ul li {
padding-right: 10px;
margin: 0;
background: url(../images/bullet-list-sl.gif) no-repeat 0 7px;
}

#ja-rightcol ul li {
padding-left: 10px;
margin: 0;
background: url(../images/bullet-list-sl.gif) no-repeat 0 7px;
}

#ja-leftcol ul,
#ja-rightcol ul {
margin: 0;
}

#ja-leftcol li a {
color: #FFFFFF;
text-decoration: underline;
}

#ja-rightcol a {
color: #FFFFFF;
text-decoration: underline;
}

ich hoffe ihr könnt mir bei meinem problem helfen. ich habe nach 2 tagen rum probieren und suchen. echt alles versucht was in meiner macht steht und nichts hat funkioniert. ausser das (width: 100% auf (width: 70% zu stellen. aber dann ist wieder das problem wenn es rechts kein menü gibt.

vielen dank für eure hilfe

ich wünsche euch noch einen wunderschönen tag




mfg maeggi

Hey, das ist ein kommerzielles Template, Support gibts dafür im JA-Forum. Und bitte nimm den Download des Templates raus, das verstößt gegen die Lizenzbestimmungen, nicht umsonst muß man dem Club beitreten, um es zu bekommen.

hallo j!-n,

habe die datei entfernt. ich habe eine e-mail geschrieben vor 3 tagen. und habe noch keine antwort bekommen. darum habe ich mich entschlossen hier ins forum zu schreiben. weil ich es alleine nicht schaffe. und ob es jetzt ein kommerzielles Template ist oder nicht. das macht nichts template ist template. und da joomlaportal.de das beste jommla forum ist was es gibt, habe ich mein problem hier gepostet und hoffe hier auf hilfe.

mfg maeggi

also ich bekomme es nicht hin. habe nochmal ein paar css codes versucht. aber es funkioniert einfach nichts. man des doch echt doof.
ich hoffe ihr habt noch ein paar tricks auf lager. ich hoffe auf eure hilfe.


mfg maeggi

hallo,

ich habe das problem jetzt gelöst. habe es einfach mit width: 80%; gemacht.

jetzt habe ich noch eine frage. ich habe im content links eine große lücke ist ca. 250 px breit. (Siehe Bild weiter unten) normal müsste der inhalt ganz links am rand sein.

in der css. unter #ja-content steht nur das hier.

#ja-content {
padding: 0 20px 20px;
margin: 0;
clear: none;
display: block;

}

woher kommt diese lücke?
wonach kann ich suchen um diese lücke zu finden?

hier das bild (klick mich)

vielen dank für eure hilfe

mfg maeggi

habe das problem mit float: left; gelöst