PDA

View Full Version : New Problem: Blog problem?


Hybrid Trainer
June 23rd, 2011, 10:43 AM
something weird happened to my blog. It seemed that as I typed in more text my side box thingies began to move underneath my comment box.
I dont think its the CSS because when I had only a bit of text in there it wasn't all messed up.

My blog posts here (http://www.pokecommunity.com/blog.php?b=11519) if you want to see it.

Oryx
June 23rd, 2011, 10:48 AM
Whoaa, that's trippy. Confirming that it's not just you, I definitely see it too, although I'm not as sure that CSS isn't the culprit :P

Edit: Why don't you try (after first copying the entire post so you can recreate it obviously) the whole post without any CSS at all? That way we can tell if it's the CSS or just the wall of text.

Hybrid Trainer
June 23rd, 2011, 12:49 PM
Whoaa, that's trippy. Confirming that it's not just you, I definitely see it too, although I'm not as sure that CSS isn't the culprit :P

Edit: Why don't you try (after first copying the entire post so you can recreate it obviously) the whole post without any CSS at all? That way we can tell if it's the CSS or just the wall of text.


Ok i've tried that and the problem seems to be the text collapse part. I've replaced them with spoilers but is there any way the problem could be solved only i really don't like the spoiler tag backgrounds :x

Rukario
June 23rd, 2011, 01:06 PM
you may have simply missed a closing css (div) tag and since the sidebars use a collapsible div, it broke it.

Oryx
June 23rd, 2011, 01:12 PM
Ok i've tried that and the problem seems to be the text collapse part. I've replaced them with spoilers but is there any way the problem could be solved only i really don't like the spoiler tag backgrounds :x

Not sure if this helps but the secondary content background color is what sets what's inside the spoiler, so you can change that to make the background more appealing...or just use css within the spoiler, then all you have is the small border inside if you set it to width:100%. Alternatively, you could position it relative and put the top and left at -5 or so pixels and the width at about 101.1% (that's what worked for me anyway). I couldn't figure out how to make the bottom border of the spoiler smaller though, sorry, I tried :[ Hope that helped.

Hybrid Trainer
June 23rd, 2011, 01:45 PM
you may have simply missed a closing css (div) tag and since the sidebars use a collapsible div, it broke it.

I don't think it was, I C/P the code from the first time i used it and i don't see any errors in it "/
[textcollapse=Code][css-div=" background-color:#5DC8CD; padding:5px; max-width:95%; color:#000000; box-shadow: inset 2px 2px 2px #1D7074, inset -1px -1px 1px #1D7074; overflow:auto;"][css-div=" <CSS> "] <TEXT AND JUNK> [/css-div][/css-div][textcollapse]



Not sure if this helps but the secondary content background color is what sets what's inside the spoiler, so you can change that to make the background more appealing...or just use css within the spoiler, then all you have is the small border inside if you set it to width:100%. Alternatively, you could position it relative and put the top and left at -5 or so pixels and the width at about 101.1% (that's what worked for me anyway). I couldn't figure out how to make the bottom border of the spoiler smaller though, sorry, I tried :[ Hope that helped.
Thanks :D unless i can get this problem solved i'll use your idea ^-^
It doesn't actually look half bad x]