Help - Search - Members - Calendar
Full Version: Text Wrapping Issue in both Firefox and IE
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
joekinslow
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.
Darin McGrew
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.
joekinslow
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.

pandy
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.
pandy
Oh, regarding issue 1, I don't see any difference either.
joekinslow
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.

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2014 Invision Power Services, Inc.