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

Discussion in 'Web Design' started by Angus, Jan 18, 2012.

to remove all ads.
  1. Angus

    Angus New Member

    Messages:
    9
    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.
     
  2. Phreaddee

    Phreaddee Super Moderator Staff Member

    Messages:
    1,978
    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!)
     
  3. usernamenone

    usernamenone New Member

    Messages:
    4
    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.
     
  4. Phreaddee

    Phreaddee Super Moderator Staff Member

    Messages:
    1,978
    Actually usernamenone, thats is for ie to display html5 elements correctly.
    Besides display:block wont affect it in that way anyway.
     
  5. Angus

    Angus New Member

    Messages:
    9
    Good advice...One more thing!

    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?
     
  6. Phreaddee

    Phreaddee Super Moderator Staff Member

    Messages:
    1,978
    Yeah that looks pretty good on the droid.
     
  7. Angus

    Angus New Member

    Messages:
    9
    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.
     

Share This Page