Angus

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

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!)

__________________
if (headhurts == "possibly") {
alert ("keep going!");
}
else if (headhurts == "yes") {
alert ("go to sleep");
}
else if (headhurts == "damn !@#$ mofo scripts...") {
alert ("give up and have a beer!");
}
else {
alert ("watch TV");
}

usernamenone

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

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

__________________
if (headhurts == "possibly") {
alert ("keep going!");
}
else if (headhurts == "yes") {
alert ("go to sleep");
}
else if (headhurts == "damn !@#$ mofo scripts...") {
alert ("give up and have a beer!");
}
else {
alert ("watch TV");
}

Angus

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?

Phreaddee

Yeah that looks pretty good on the droid.

__________________
if (headhurts == "possibly") {
alert ("keep going!");
}
else if (headhurts == "yes") {
alert ("go to sleep");
}
else if (headhurts == "damn !@#$ mofo scripts...") {
alert ("give up and have a beer!");
}
else {
alert ("watch TV");
}

Angus

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.