I'm using a mostly-unmodified version of the Elegance skin over at http://epiphany.seventh-star.net. I did want to only use 2 indexes (columns) though, so I modified the CSS and the index.tpl a bit to reflect that. I'm using the leftindex and middleindex classes. The CSS sections for them look like this:
#leftindex {
width: 25%;
float: left;
line-height: 1.3em;
}
#middleindex {
margin-left: auto;
width: 75%;
float: right;
line-height: 1.3em;
}
But any time I try to add a numerical value to the margin-left, the middleindex jumps down. The margin is there, but it's fully below (and to the right) of my leftindex. Should I have just stuck with leftindex and rightindex? Is there any way I can get there to be a miniscule space between my two indexes without destroying the nice, even margins on the far sides of the page?
Would moving the News block up damage it? I had it there originally, but when I was looking at the code in the index.tpl, I saw that the news was not in its own block DIV, like the welcome message and categories were. Still, it displays normally, so I didn't think anything of it... until now. If I want to move the news one back up (so categories are at the bottom, but NOT spanning the whole width of the page, which was what happened before), is there any way to get it to be even in width with the categories (that is, both 75% of the page)? Should it be enclosed in a DIV like the other blocks? It's only within the middleindex div.
Archive: Dragonfayth
eFiction: 3.5.5/6
Latest Patch(es): Yes
bridged?: No
modified?: Yes
PHP: 7.4.25
MySQL: 5.7.32-35-log
When setting up columns, you have to keep in mind the way the CSS Box Model works. The width is only for the content. When you add margins and padding, your width adds up to more than 100% and that's why it's pushing the column down. Reduce the width on either or both of your columns until it doesn't drop down any more. Be sure to test in IE6 if that's a browser you're going to support because it adds its own margins and padding on top of what you specified in the CSS to some elements so it will drop down at percentages that work on other browsers.
Okay, I understand. I'd actually forgotten completely about the CSS Box Model, even though I learned about it in class this semester!
However, I'm on a Mac, so I don't have access to IE6. Would someone that has that be able to check what the Elegance skin looks like on http://epiphany.seventh-star.net? I'd really appreciate it!
Archive: Dragonfayth
eFiction: 3.5.5/6
Latest Patch(es): Yes
bridged?: No
modified?: Yes
PHP: 7.4.25
MySQL: 5.7.32-35-log
Thank you so much, it looks the same (mostly, from what I can tell) in Firefox and Safari on a Mac!
Archive: Dragonfayth
eFiction: 3.5.5/6
Latest Patch(es): Yes
bridged?: No
modified?: Yes
PHP: 7.4.25
MySQL: 5.7.32-35-log
