Not signed in (Sign In)

Vanilla 1.1.10 is a product of Lussumo. More Information: Documentation, Community Support.

General Support: install fine but css integration chaos

Bottom of Page

1 to 4 of 4

  1.  
    • CommentAuthorjanowicz
    • CommentTimeAug 6th 2007
     
    Hello all
    Noob layout question - I've had a nice clean install but am getting css layout chaos when trying to integrate into my site.
    I've inserted my gallery into a div with id #centre which listens to the following css:
    #centre {
    float: right;
    width: 581px;
    border: 1px solid #C5C9DA;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-color: #FCFCFC;
    padding-bottom: 10px;
    display: block;
    }

    My gallery is spilling out all over in Firefox and is chaos in IE6. Have a look here:
    http://snowandtrek.co.uk/gallery_02/
    My intuition initially told me to limit the width of the plogger css wrapper but this didn't work. I also tried the plogger version 2 method: style="margin: auto; width: 500px; to try to limit the width of the gallery inside the wrapper but that didn't work either.

    If anyone could advise here it would be hugely appreciated.
    I won't be able to reply tonight (uk time) but I will look again in around 9 hours time - incase anyone thought I was ignoring!

    Thanks in advance,
    janowicz
    • CommentAuthorixie01
    • CommentTimeAug 6th 2007 edited
     
    I integrated beta 3 into a site the other day quite easily. I started with the default template and went from there. The first thing to do is get the width right.

    /* this defines the width of Plogger */
    #wrapper {
    font-family: Verdana, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
    font-size: 10pt;
    width:97%;
    }

    I didn't even have to define a div for plogger - just inserted <?php the_gallery(); ?> where I want it to appear.
    • CommentAuthorjanowicz
    • CommentTimeAug 7th 2007
     
    Hi
    Thanks for your reply - I think that I did do something like that with the #wrapper style, but I'll try it again.

    I have noticed that plogger3 doesn't use a div on index.php which would indicate that I can just insert it into a div on my own site, which is what I did. I will keep working on this but can't reply for a few hours now, but I will let you know how it goes!

    Thanks again
    • CommentAuthorjanowicz
    • CommentTimeAug 8th 2007
     
    I think I've sorted the problem - the plogger #wrapper, and possibly some other id's, didn't sit well in the div i put them in so i simply restructured my page with a dedicated gallery stylesheet (very stripped down) and plogger now integrates fine. I also had an outsite div with id #wrapper so i guess there was a conflict there - whatever, i fixed it.
    Thanks for your help.

1 to 4 of 4

  1.