The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Text Wrapping Issue in both Firefox and IE, My Text Wraps (Unwanted)
joekinslow
post Aug 23 2009, 04:11 PM
Post #1





Group: Members
Posts: 8
Joined: 23-May 09
Member No.: 8,682



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.

This post has been edited by joekinslow: Aug 23 2009, 04:25 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Aug 23 2009, 04:55 PM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
joekinslow
post Aug 23 2009, 07:39 PM
Post #3





Group: Members
Posts: 8
Joined: 23-May 09
Member No.: 8,682



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.

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Aug 23 2009, 10:48 PM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Aug 23 2009, 11:10 PM
Post #5


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



Oh, regarding issue 1, I don't see any difference either.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
joekinslow
post Sep 2 2009, 11:33 PM
Post #6





Group: Members
Posts: 8
Joined: 23-May 09
Member No.: 8,682



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.

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 19th March 2024 - 12:35 AM