Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Markup (HTML, XHTML, XML) _ Text Wrapping Issue in both Firefox and IE

Posted by: joekinslow Aug 23 2009, 04:11 PM

Hi Folks: see this URL: http://joeyworldfamous.com/portfolio.html.

Issue One:
1. As you can see (compare the bottom page text to the SAME page text on any other page on this site [about me, how I work, etc...]) and you can see that the text at the bottom of the page wraps on the "My Portfolio" page. Oddly, this same text DOES NOT WRAP when I preview the "My Portfolio" page locally on my PC. So in short, this text wraps only when I publish it to my hosting server.

Issue Two:
Top right side of the page, the far right link on the menu bar: "NEWS". This link wraps in IE (7 and 8) BUT DOES NOT WRAP IN Firefox. View this site in Firefox to see the menu bar links as they are intended to be viewed. This occurs on all pages of this website.

Can someone assist? Thanks a lot.

Posted by: Darin McGrew Aug 23 2009, 04:55 PM

Issue One: I see no difference between the pages. What text wraps differently when you view it?

Someone with access to MSIE will need to check Issue Two.

Posted by: joekinslow Aug 23 2009, 07:39 PM

In Firefox the link "NEWS" (the top most far right menu bar link DOES NOT WRAP. In other words, it displays along the same horizontal line as the rest of the links to its left. In MSIE however, the link "NEWS" DOES WRAP; it wraps and is displayed just beneath the "ABOUT ME" link. The wrapping is unwanted. Did you view this in IE? The same unwanted wrapping of this link occurs on every page of this site (only when MSIE is used to view the site.)

The way it is displayed in Firefox is the desired display.





QUOTE(Darin McGrew @ Aug 23 2009, 05:55 PM) *

Issue One: I see no difference between the pages. What text wraps differently when you view it?

Someone with access to MSIE will need to check Issue Two.


Posted by: pandy Aug 23 2009, 10:48 PM

Darin doesn't have IE.

Replace these 4 declarations

CODE

#mainnavigation {
    position: absolute;
    top: 1.75em;
    left: 40%;
    width: 57.5%;
}


with this.
CODE

margin-top: 1.75em;


K.I.S.S.

Posted by: pandy Aug 23 2009, 11:10 PM

Oh, regarding issue 1, I don't see any difference either.

Posted by: joekinslow Sep 2 2009, 11:33 PM

pandy: Many thanks for your below tip (for my original issue two.) It worked! Issue one resolved itself (although I hate not understanding why!) Thanks also to Darin for his reply. Much appreciated.




QUOTE(pandy @ Aug 23 2009, 11:48 PM) *

Darin doesn't have IE.

Replace these 4 declarations
CODE

#mainnavigation {
    position: absolute;
    top: 1.75em;
    left: 40%;
    width: 57.5%;
}


with this.
CODE

margin-top: 1.75em;


K.I.S.S.


Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)