Page 1 of 1

IE messes up news lay-out

Posted: Fri Jan 12, 2007 8:04 pm
by Partana
Could somebody help me out...Mark? :P

I just added my second blog post, and IE messes up the lay-out.
Ff is cool with it...
www.partana.nl

Re: IE messes up news lay-out

Posted: Fri Jan 12, 2007 10:06 pm
by Dr.CSS
Probably has to do with 2 divs floating left...

    div#main {
        float: left;
        width: 62%;
        display: inline;
        margin-left: 2%;
        padding: 0 1% 0 2%;
    }
    div#content2 {
        float: left;    try right with 2% in place of 1% in padding...
        width: 28%;
        display: inline;
        padding: 0 1% 0 2%;
        border-left: dashed 1px #cccccc;
    }

Re: IE messes up news lay-out

Posted: Sat Jan 13, 2007 5:44 am
by Partana
mark wrote: Probably has to do with 2 divs floating left...
It did move the Jukebox to the right, thanks.
But the problem remains: whenever I add a news article, part of the previous article jumps to the right in IE.

Re: IE messes up news lay-out

Posted: Sat Jan 13, 2007 6:40 am
by Dr.CSS
I use the HTML Validator extension with Ff and get these warning/errors... they show up when I view source, it hilites them in purple so you know what it's talking about, a lot of extra s and divs are all wacked out some how...

line 116 column 21 - Warning: element not empty or not closed
line 141 column 63 - Warning: element not empty or not closed
line 168 column 1 - Warning: replacing by
line 168 column 1 - Warning: inserting implicit
line 168 column 1 - Warning: element not empty or not closed
line 168 column 5 - Warning: replacing by
line 168 column 5 - Warning: inserting implicit
line 168 column 5 - Warning: element not empty or not closed
line 183 column 3 - Warning: missing before
line 189 column 5 - Warning: inserting implicit
line 189 column 5 - Warning: missing
line 195 column 139 - Warning: unescaped & or unknown entity "&repeat_playlist"
line 201 column 120 - Warning: unescaped & or unknown entity "&repeat_playlist"
line 201 column 5 - Warning: is not approved by W3C
line 212 column 37 - Warning: discarding unexpected
line 189 column 5 - Warning: isn't allowed in elements
line 219 column 7 - Warning: discarding unexpected
line 225 column 4 - Warning: discarding unexpected
line 189 column 5 - Warning: isn't allowed in elements
line 237 column 1 - Warning: discarding unexpected
line 238 column 1 - Warning: discarding unexpected
line 189 column 5 - Warning: missing before
line 183 column 3 - Warning: missing
line 28 column 1 - Warning: missing
line 165 column 7 - Warning: attribute "align" has invalid value "center"
line 165 column 7 - Warning: escaping malformed URI reference
line 201 column 5 - Warning: attribute "align" has invalid value "center"
line 165 column 1 - Warning: trimming empty
line 187 column 1 - Warning: trimming empty

0 errors / 29 warnings

I would take the player out of table layout and either make a new news template, go to Modules and click the name or Help for info on making new template, or just set the things you don't want shown in the news to {display: none}, thinking the might be messing with IE...

Re: IE messes up news lay-out

Posted: Sat Jan 13, 2007 8:12 am
by Partana
Mark, I tried adding the comment module. It made some improvement:

The text isn't displayed to the right..but my footer is now messy, and the content2 erea still isn't right...

Re: IE messes up news lay-out

Posted: Sat Jan 13, 2007 10:00 am
by Partana
Ehm...me again...I got it working (except for something small). It works with the comments module now, I just didn't copy/paste it right (http://wiki.cmsmadesimple.org/index.php ... /Templates)

After I create the .tpl file as discraped in the above page, where do I put this?
Call it with this:

Latest 5 blog posts
{cms_module module='news' number='5' summarytemplate='recent_blog_posts.tpl'}

Re: IE messes up news lay-out

Posted: Sat Jan 13, 2007 4:53 pm
by Dr.CSS
In Extensions > Modules you will find a list of Modules by name if you click on the name of News or other module or the word Help you will get a page that tells you the parameters it takes and how to use them...

The tag in your quote can go in the template or in a Content edit box, watch out that it doesn't get formatted, use the source view button to be sure...

Re: IE messes up news lay-out

Posted: Sat Jan 13, 2007 5:07 pm
by Partana
Oke thanks, think i won't be using it though...

One thing still remains...it's the footer is displayed a little to high, so these a bit orange betweeen the brown footer and the brown bottom of the page.

Re: IE messes up news lay-out

Posted: Sat Jan 13, 2007 6:56 pm
by Dr.CSS
It's from the content....

    div#content {
        position: relative;
        margin: 1.5em auto 2em 0;    set to 0 may help...
        padding: 0;
        text-align: left;
    }

Re: IE messes up news lay-out

Posted: Sat Jan 13, 2007 7:01 pm
by Partana
omg...that helped! What do you eat at breakfast??  ;)