Why won't my text wrap in the <aside> element?

Angus

New Member
Hi folks,
I'm at my wits end. I've been building my website using the html 5 <aside> element. Actually, I downloaded the 15 second project from Initializr.com and now--15 days later--I'm ready to admit I have no other ideas. So, I want to have a column on the right hand side where I can put text, but my text runs off to the right of the <aside> element. See for yourself at:

http://petsrelyonpeople.org/Initializr/index2.html

I'm hoping one of you can laughingly point out the silly and simple fix I need.
thanks.
 

Phreaddee

Super Moderator
Staff member
Not sure entirely why its doing that but on my android the whole layout breaks.
I suggest you reassess the entire structure of the site (+ maybe reassess using templates you havent created!)
 

usernamenone

New Member
Because your style for aside is lumped in with everything else that is inline-block.

Separate it and give it a width.

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }

Doing this <p style="word-wrap:normal">
Makes no difference.
 

Phreaddee

Super Moderator
Staff member
Actually usernamenone, thats is for ie to display html5 elements correctly.
Besides display:block wont affect it in that way anyway.
 

Angus

New Member
Good advice...One more thing!

Not sure entirely why its doing that but on my android the whole layout breaks.
I suggest you reassess the entire structure of the site (+ maybe reassess using templates you havent created!)

I must have messed up the original styles from the Initializr site, though I tried not to. Can you do me a favor and see how the page renders before I have done anything to it at all?

www.petsrelyonpeople.org/Initializr

Thanks for your help, good people.
P.S. do you have a bitcoin address?
 

Angus

New Member
Yeah that looks pretty good on the droid.

Thank you for your help. BTW, there is a site called browsershots.org that will show you what your webpage looks like on many different browsers (most of which I've never heard of). But, maybe it can help some of you.
 
Top