Problems and More Problems
Well, trying to post my CYOA entry tonight I spent two hours instead of five minutes. I spent more time trying to get the stupid thing posted than I did writing it. For some reason, Safari (the web browser) is messing up the way it posts data, so that Unicode stuff was getting completely garbled. It took me a long time to figure out where the problem was originating from and along the way, I ran into numerous bugs impacting Firefox as well. Ack! On the bright side, SAFARI (the CMS) now uses Textile to format the text. Textile seems to be pretty popular for blogware formatting, and since it is licensed under the MIT license and available as a standard issue Perl module, I decided to integrate it into the system. This means you can use Textile commands in the comments too. If it causes anything to look weird, let me know.
CSS Blues
Ok, so I thought it would be smart to use CSS on my site and catch up with the times. But now I have a problem. If you look at the CYOA entry, you'll notice that the CYOA graphic is down at almost the bottom of the part of the post visible on the front page, level with the last right hand side div area (obviously, this will correct itself as the CYOA post gets pushed down further on the page). I suspect this is because I used clear: right to make the boxes on the right side stop stacking on top of each other. That seemed well and good, but I'm not very happy about being unable to use align=right or left or any div tags within posts without having them pushed way down on the page.
Anyone out there know how to fix this problem? Perhaps the way to make the content div tag isolate everything inside itself so that those things are “unaware” of the right side bar? I'd be very grateful for suggestions. Tables were so simple…
Join the Conversation
Re: Problems and More Problems
I wish I could help…
Re: Problems and More Problems
Thanks, Christopher.
I think I’ll use this comment to test Textile commands. -They work!-
Re: Problems and More Problems
Hmm….
Have you tried putting the image in a div tag of its own, within the big div? Or just lifting out the img tag and let it stand on its own outside the p tag? It could be a nesting problem. Also, it’s odd that the text in the same p tag ends up on the right spot whereas the image doesn’t.
I had a quick look at your CSS and I’m wondering if you can’t fix the image problem with a more specific mark-up, for example with a class.
I think I had a similar problem when I was trying to adjust the clock in my sidebar, but I don’t remember how I solved it in the end. You’re welcome to look at the source code and the CSS in case it’s any help.
Tell us how you solved it, if you think of something
Re: Problems and More Problems
Oh, and… umm…now that I’m watching this in IE again, the image aligns perfectly but the main div is down at the bottom again… Sorry to bring you the bad news
Re: Problems and More Problems
I agree with pulling the img out of the paragraph, but understand how using textile for markup might make that tough.
Have you tried putting the content first in your index page and the sidebar second?
Another option would be to use a gif background for the linksbar so that the linksbar was actually as wide as the sidebar and quotebar, but only appeared to be smaller, which would get rid of the need to use the clear.
Re: Problems and More Problems
BTW, in Opera, the graphic is at the top checking at 1500 CST.
Re: Problems and More Problems
As of this moment, the CYOA (that acronym means something to me other than witty’s intended meaning) logo is displaying in the right place. I might give it a larger right margin if I was being picky.
Re: Problems and More Problems
In Mozilla 1.7.x I now see the graphic at the top, too. Looks good, Tim.
Re: Problems and More Problems
Hmm… I think that is because the post is now located lower on the page. I didn’t fix that yet.
If you view the actual post, it should still be problematic.
Thanks everyone for your reports and suggestions. I did try a div tag as Flip suggests, which did not help, unfortunately. I need to play around again with putting the side column below the main column in the code. I started coding the new layout with it arranged that way, and I had a problem wherein the sidebars wouldn’t start until the very bottom of the main column. sigh