Shape 5

Joomla Templates => City Portal - January - Club => : kgsodie February 10, 2009, 12:20:50 PM



: s5_backmiddlemiddle_l & _r CSS, extraneous </div>
: kgsodie February 10, 2009, 12:20:50 PM
The template html seems to have an extraneous </div> at the bottom, after the end of footer mark.

The html makes references to s5_backmiddlemiddle_l and s5_backmiddlemiddle_r style classes that I cannot locate in the html or css.  Note that I have cloned entries from s5_backmiddlemiddle_m for these in both the CSS and HTML.

There's also a reference to a php variable s5_position for the right column that reports as undefined.  Note that I have removed the reference.

In IE6, 7 after logging in various left-side <h3> text disappears.  Some sub-text as well.  All of the fixes noted above I discovered while attempted to correct this issue.

You can view the site here (http://www.kevinandnatasha.net) and you can login temporarily as tester/tester.


: Re: s5_backmiddlemiddle_l & _r CSS, extraneous </div>
: kgsodie February 10, 2009, 12:52:04 PM
Poking around some more, I'm going to guess the root of the problem is that some of the modules I'm using incorporate tables into the HTML, and this is causing some sort of problem with the tableless template?


: Re: s5_backmiddlemiddle_l & _r CSS, extraneous </div>
: kgsodie February 10, 2009, 02:32:58 PM
I also found a couple of color:197px entries in your CSS files.


: Re: s5_backmiddlemiddle_l & _r CSS, extraneous </div>
: kgsodie February 10, 2009, 04:25:33 PM
I think the root of the problem is how the css module suffixes are constructed.  Forgive me if I use incorrect terminology - I'm a novice at all of this.

The selectors are pretty promiscuous - naked, one div, two divs, three divs, and four divs.  I think if the code in a given module position includes its own divs, the CSS gets confused, though I'm unclear on the particulars.

I took a simple module that showed the problem under IE and removed its div statements and the problem went away.

Anyone have any thoughts?

:
#s5_outerwrap div.module-title { 
(background: transparent url('../images/s5_cityportal_sqbr.jpg') no-repeat bottom right;
padding:0px;
margin:0px;
margin-bottom:14px;
         width: 100%;
}

#s5_outerwrap div.module-title div {
background: transparent url('../images/s5_cityportal_sqbl.jpg') no-repeat bottom left;
padding:0px;
margin:0px;
}

#s5_outerwrap div.module-title div div {
background: transparent url('../images/s5_cityportal_grtr.jpg') no-repeat top right;
padding:0px;
margin:0px;
}

#s5_outerwrap div.module-title div div div {
background: transparent url('../images/s5_cityportal_grtl.jpg') no-repeat top left;
margin:0px;
padding:12px;
width: auto;
}

#s5_outerwrap div.module-title div div div div {
margin: 0px;
padding: 0px;
background: none;
}


: Re: s5_backmiddlemiddle_l & _r CSS, extraneous </div>
: jonahh February 10, 2009, 05:58:53 PM
I checked out your site and it appears to be showing fine.  Let me know if you still are having problems.  Yes, using tables can mess up a tableless template.

Regards,


: Re: s5_backmiddlemiddle_l & _r CSS, extraneous </div>
: kgsodie February 11, 2009, 09:04:54 AM
I have been changing the code in the modules I'm using so that they don't use <div> or <table>, as they both cause display anomalies.  I have one module to go, 'New User Registration', which displays in a peculiar way temporarily as I convert the contained <table> to something else.  I consider module manipulation a non-optimal solution, as requiring no <div> or <table> constructions within a module overly burdensome.


: Re: s5_backmiddlemiddle_l & _r CSS, extraneous </div>
: kgsodie February 11, 2009, 09:09:11 AM
One other symptom I've noted - look at the articles in the main body.  The byline tag, which starts with the word 'Written', contains a small corruption at the top left of the 'W'.  This doesn't happen in firefox, only in IE 6/7.  This is the type of corruption that happens in modules placed in the left column - parts of the title (and sometimes body) get overwritten by space.


: Re: s5_backmiddlemiddle_l & _r CSS, extraneous </div>
: jonahh February 11, 2009, 11:01:37 PM
I just checked IE7 and I don't see any problem with the written text being cut off or anything are you sure its IE7 too?