Problems with layout in Opera & other browsers
-
Hi
Have been running a wrodpress.com blog for the last 6 or 7 months and have just got into my stride with posting vast tracts of rambling rhetoric – much like this now! – from Word, which is cut and pasted into the html tab instead of the visual tab in WordPress posting window. As I edit this way and use Internet Explorer 8 and Windows Vista, I see all my adjustments and once posted, the blog appears fine…
However, I received a comment the other day that informed me that although they liked the blog, it appeared misaligned in their browser, which was Opera or Mozilla. I popped onto a friend’s laptop using said browser and lo and behold, there is a major problem with my sentence structure in nearly 30 posts: a lot of the sentences end in mid-line and then continue on the line below. I know this is through using the html edit option as I usually press enter to send a jutting word down onto the next line and to give the blog a edited appearance and not a jagged right-hand side where long words jostle with gaps.
I’ve popped in and redrafted the two newest entries under the visual tab and they appear to have stopped the gaps of the sentences but also I’ve noticed another problem now: I have no ability to edit and adjust in detail as under the html tab, thus leaving the line ends jagged once more and ruining its appearance once more!
Is there any easy way to adjust my blog’s structure so it take son a standard format for all browsers?
Any help or suggestions will be much appreciated as really don’t want to have to readjust 50,000 words.
The blog I need help with is: (visible only to logged in users)
-
Nothing to do with any particular browser. As you’re saying, you did it yourself: “I usually press enter to send a jutting word down onto the next line”.
You’re missing the fact that the post editor is not a full WYSIWYG editor: it’s the same no matter what the theme, while themes vary greatly in width. Where a line ends in the editor is not where it ends on the actual published post.
You’l have to edit your posts and remove all those line breaks. If you don’t like the jagged endings, highlight all the post and click the Align-Full button.
-
Many thanks panaghiotisadam for the reply.
This is my problem, see – because I have been using the html tab and not the visual, I had no idea we had all these additional adjustment buttons at our disposal. So this “Align-Full” will make adjustments for reading in most browsers?
Is there any fool-proof way of checking how your final blog looks in additional browsers? I’ve looked online and tried a few which load your page then show a JPEG but these didn’t show the missing lines and breaks.
-
UPDATE
Many thanks again, panaghiotisadam – have just tried the “Align-Full” button and cannot believe I have struggled for so long without knowing it was there! Just one click on the start of each paragraph and everything is now concise and in-line, finally giving my blog the appearance I’ve tried for over the half a year.
You’ve made my life so much easier.
-
Is there any fool-proof way of checking how your final blog looks in additional browsers?
We can use a free service here to see how our blogs display in all browsers. For for cross browser compatibility checking > http://browsershots.org
-
@splosher: You’re welcome!
• You don’t even need “one click on the start of each paragraph”: you can highlight the complete post after you finish typing or pasting and justify the whole thing in one go.
• Since you’re copypasting from Word, pasting into the HTML editor is the right thing to do (I guess you are aware of the problems associated with pasting from Word).
• The visual editor has more buttons, but actually the HTML editor offers more possibilities if you use coding – check the “Formatting text” series of posts I’ve written (see my left sidebar).
• In addition to the tool timethief suggested, you can also download and use other browsers except or instead of IE; Safari and Firefox are better than IE anyway.
-
Cheers and have already tried that one but it didn’t display the JPEG of my blog fully, so couldn;t make out the issues but thanks again for the suggestion.
Your blog now is saved and will be visited in future, i have no doubt! I will also pass it on to others I know to help solve any problems that may arise for those bloggers. Can’t thank you enough and it’s only took the last 2 hours to get my whole blog’s 6+ months and 50,000 words restructured – genius! Check it here if interested to see perfect paragraph alignment: [url]http://theboilingrage.com[/url]
-
Yes, perfect paragraph alignment now!
One final piece of advice: you’ve set your blog to display 25 posts per page – all of them long, all with images or videos. That means an outrageous amount of scrolling down, which isn’t user friendly at all, plus your page takes too long to load: for a visitor with a slow connection the browser may time out before even loading all the images. You should reduce the number of posts per page to only a few, maybe also use the more tag.
http://en.support.wordpress.com/splitting-content/more-tag/ -
Again, many thanks for the suggestion and have trimmed down to 5 posts showing and will check the More tag at a later date. As most of the articles in my blog are 2,000+ words, the More tag will be a great help, so cheers once more!
-
As most of the articles in my blog are 2,000+ words, the More tag will be a great help, so cheers once more!
2000 + plus words is very long. The more tag will be great fro reducing the length of what’s displayed on the front page. FWIW you may want to use either pagination (next page) or jump links to split content in some posts. If so then see here > http://en.support.wordpress.com/splitting-content/
-
Fantastic and many thanks for the suggestions. Will definitely check them over.
-
- The topic ‘Problems with layout in Opera & other browsers’ is closed to new replies.