(Untitled)

[herdailydope]

Name of journal: herdailydope
Layout Style:Smooth Sailing
Basic, Paid or Plus: Basic
Problem you are having: I just changed this layout and the way of entries is placed is in horizontal version instead of vertical. I only plan to put three entries and the side bar there, so how do I change the width of the total webpage so that there won't be excess space after

Comments

[zuma]

the pastes below are straight from your front page's source code. the div class 'bodyblock' does get used, so it's a factor. the width parameter in it, at 4610 pixels wide, seems to be at odds with your goal... that's all i found so far & hope that's where the problem lays.

.bodyblock {
padding: 10px 0 0 15px;
width:4610px; /* increase this value if not all of your entries float | standard: 1250px for sidebar + 2 entries | 1 entry: +420px | 4610px or sidebar + 10 entries */
}

[herdailydope]

Mm so I can change the width directly from there? But when I tried to change it the layout gets screwed up !

[zuma]

well, like i say, that was all i found, aside from a general page parameter of 100% width (which you might try changing to width: auto;). as far as that .bodyblock class's statement goes, you might try reducing incrementally, 5 or 10 pixels at a time, just to see exactly what minimal pixel dimension width affects the page. i assume your problem is with your floats ending up not all floating, yes? that makes me wonder why use floats at all. i'll tell you that one thing i learned about the css display:table (or any table type display selector) statement that i found extremely useful that it will shrink to fit, unlike your everyday bread&butter div. i wish one could simply tell a div: "min-width: auto;" but there is no such parameter. i used to think there was and it never worked. that's when i learned my mistake and that display:table; does that