...

View Full Version : Text over-run in FFox. NOW SORTED.



effpeetee
01-07-2008, 06:18 PM
http://www.exitfegs.co.uk/Sources.html

If you look at this site in FFox, there is a text spill in the middle div.:confused:
In Opera there is a mis-alignment and change of hover color at the bottom of the middle column, the last four on the menu.:eek:

It appears OK with IE7. Help would be appreciated.:D

Frank (Giving Vista Business another chance- wish me luck)

rmedek
01-07-2008, 06:30 PM
You've got columns that are based on percentages (three at 32% each), but inside each one you have containers that are based on fixed widths (270px for the each <ul>). So what's happening is when 32% of the browser window gets smaller than 270px, the content pops out of the container.

So, change this:


#links2 ul {
padding-left: 16px;
margin-left: 16px;
color: #fff;
font: 900 10px/1.4 "lucida sans", verdana, arial, sans-serif;
width: 270px;
}

…to this:


#links2 ul {
padding-left: 16px;
margin-left: 16px;
color: #fff;
font: 900 10px/1.4 "lucida sans", verdana, arial, sans-serif;
}

…and do the same for the other "#links ul" combos.

Hope that helps…

Excavator
01-07-2008, 06:31 PM
Good morning Frank,
Look at the width you've given your lists:

#links ul {
padding-left: 16px;
margin-left: 16px;
color: #fff;
font: 900 10px/1.4 "lucida sans", verdana, arial, sans-serif;
width: 270px;
}
#links2 ul {
padding-left: 16px;
margin-left: 16px;
color: #fff;
font: 900 10px/1.4 "lucida sans", verdana, arial, sans-serif;
width: 270px;
}
#links3 ul {
padding-left: 16px;
margin-left: 16px;
color: #fff;
font: 900 10px/1.4 "lucida sans", verdana, arial, sans-serif;
width: 270px;
}


I've been running Vista Ultimate x64 since the early beta days. I think it's leaps and bounds beyond XP - I love it.

[edit... haha - too slow

effpeetee
01-07-2008, 06:46 PM
Thank you both. Done it. Mucked up the lay-out.
Back to the drawing board.

http://exitfegs.co.uk/Sources.html


Frank

Excavator
01-07-2008, 06:55 PM
That only messes up the layout when the browser gets too narrow, right?

If so, you just need a min-width to make sure it never gets too narrow. If that's not it then...

effpeetee
01-07-2008, 07:50 PM
That only messes up the layout when the browser gets too narrow, right?

If so, you just need a min-width to make sure it never gets too narrow. If that's not it then...
No sweat.

http://www.exitfegs.co.uk/Sources.html

Frank

effpeetee
01-07-2008, 08:14 PM
It is still horrible in OPERA,.

Last six on middle list hover to a red and have no indent.

Frank

http://exitfegs.co.uk/Sources.html

rmedek
01-08-2008, 06:03 AM
It might just be invalid:


</li></ul>
<li class="bullet">

That's in several places in your document where the links stay red. It's missing the opening <ul>.

effpeetee
01-08-2008, 12:33 PM
It might just be invalid:


</li></ul>
<li class="bullet">

That's in several places in your document where the links stay red. It's missing the opening <ul>.
I am having trouble validating the code. Most of the errors are in the lists. But when I correct them, the site looks a mess.

I have opened a seperate post about this.

Thanks for your help.

Frank



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum