problem!!! [solved]

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
TRG
Forum Members
Forum Members
Posts: 11
Joined: Tue Dec 11, 2007 12:15 pm

problem!!! [solved]

Post by TRG »

hello!
i have a problem! The sidebar only goes down as far as I have content in it.  I need it to go all the way to meet the footer.... Can somebody help me??? :(
Last edited by TRG on Thu Feb 14, 2008 12:50 pm, edited 1 time in total.
KO
Power Poster
Power Poster
Posts: 562
Joined: Mon Nov 06, 2006 7:55 pm

Re: problem!!!

Post by KO »

Easiest way to do is by using so called "faux columns".

You might look at this first http://www.alistapart.com/articles/fauxcolumns
TRG
Forum Members
Forum Members
Posts: 11
Joined: Tue Dec 11, 2007 12:15 pm

Re: problem!!!

Post by TRG »

KO wrote: Easiest way to do is by using so called "faux columns".

You might look at this first http://www.alistapart.com/articles/fauxcolumns
Yeah it works, make 1 px height and max width image, put in background and repeat it... but if I have image in background allready: background: #DCEECF url(images/cms/kkk.jpg) no-repeat 0; and if in menu I go to (example: sitemap) the sidebar only goes down as far as I have content in it.
And your solution does not help too me quite :) Is there any other solution????
TRG
Forum Members
Forum Members
Posts: 11
Joined: Tue Dec 11, 2007 12:15 pm

Re: problem!!!

Post by TRG »

Sven A wrote: You should make the div that has the background image 100% height.
I've had the same question once and found a good solution at http://www.webmasterworld.com/forum83/200.htm

regards,

Sven
I am not great @ CSS, so....
I am using Layout: Left sidebar + 1 column, it means, i must in div#sidebar {...} and body {...}  put height:100% ???
KO
Power Poster
Power Poster
Posts: 562
Joined: Mon Nov 06, 2006 7:55 pm

Re: problem!!!

Post by KO »

Look this in the stylesheets

div#content {
  margin: 1.5em auto 2em 0;  /* some air above and under menu and content */
background:  url(path-to-your-image/your-image.gif) repeat-y 0 0; /* <- Add this */
}

and make that bg image as it needs to be.
TRG
Forum Members
Forum Members
Posts: 11
Joined: Tue Dec 11, 2007 12:15 pm

Re: problem!!!

Post by TRG »

KO wrote: Look this in the stylesheets

div#content {
  margin: 1.5em auto 2em 0;  /* some air above and under menu and content */
background:  url(path-to-your-image/your-image.gif) repeat-y 0 0; /* <- Add this */
}

and make that bg image as it needs to be.
it will go to content end, but there still will be space between sidebar,content and footer  :-X
Must i change some padding or margin @ footer???
Last edited by TRG on Tue Jan 29, 2008 10:25 am, edited 1 time in total.
KO
Power Poster
Power Poster
Posts: 562
Joined: Mon Nov 06, 2006 7:55 pm

Re: problem!!!

Post by KO »

Most likely you have to change some paddings, margins etc. It's very rarely just drop in solution but you get the idea. Unfortunately you have to understand bit of CSS to get everything right for all browsers or find someone who does it for you.
TRG
Forum Members
Forum Members
Posts: 11
Joined: Tue Dec 11, 2007 12:15 pm

Re: problem!!!

Post by TRG »

:D yeah... and this is one more problem for me!  :P I AM ZERO @ CSS :(
TRG
Forum Members
Forum Members
Posts: 11
Joined: Tue Dec 11, 2007 12:15 pm

Re: problem!!!

Post by TRG »

okay, here is another problem...

I modified navi css, that on hover text color change

in FF navi on hover works perfekt, but in IE6 it looks some problems... when you on your navi menu fast move mouse cursor, some menu text disappears...

can somebody help? :(
KO
Power Poster
Power Poster
Posts: 562
Joined: Mon Nov 06, 2006 7:55 pm

Re: problem!!!

Post by KO »

Difficult to say without seeing. If you have it online somewhere can post link to you site.

IE6 uses javascript to do CSS Menu. That javascript changes class names in IE6. menuparent becomes menuparenth ad so on.
If you edited menu CSS check that you have same changes to classes that are ending to letter "h"
TRG
Forum Members
Forum Members
Posts: 11
Joined: Tue Dec 11, 2007 12:15 pm

Re: problem!!!

Post by TRG »

i found it where was the problem :D
var sfEls = document.getElementById(cssid).getElementsByTagName("LI"); i change LI to A and the problem was gone! :)
Post Reply

Return to “Layout and Design (CSS & HTML)”