3 replies [Last post]
crazytopu1
Offline
newbie
Last seen: 11 years 13 weeks ago
Joined: 2008-09-07
Posts: 3
Points: 0

In IE my web page looks alright, view here - http://uniquebrand.co.uk/ie_.jpg

In firefox it doesn't. http://uniquebrand.co.uk/firefox_.jpg

The listed items are not wrapped. anybody knows how can i fix this?

css code:

.rightContent .textList {
	  BACKGROUND: #b7e2f3; WIDTH: 94%;margin-left:2%; margin-right:2%;  margin-top:5px; 
}
.rightContent .textList LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 6px; PADDING-BOTTOM: 3px; PADDING-TOP: 5px; font-size:14px; border-bottom:1px #999999 dotted; list-style:none;
}
 
.rightContent .textList LI A {
	color:#000066; text-decoration:none; 
}
 
 
.rightContent .textList LI A:hover {
	color:#fff;
}
 
.rightContent .textList .more {
	BACKGROUND: none transparent scroll repeat 0% 0%; TEXT-ALIGN: left
}

HTML code

<UL class="textList">
  <LI><A 
  href="#" 
  target=_blank>&#2470;&#2453;&#2509;&#2487;&#2495;&#2467; &#2451;&#2486;&#2503;&#2468;&#2495;&#2527;&#2494; &#2480;&#2497;&#2486; &#2488;&#2503;&#2472;&#2494;&#2480; &#2470;&#2454;&#2482;&#2503;, &#2488;&#2480;&#2503; &#2455;&#2503;&#2459;&#2503; &#2460;&#2480;&#2509;&#2460;&#2496;&#2527; &#2476;&#2494;&#2489;&#2495;&#2472;&#2496;, &#2472;&#2508; &#2437;&#2476;&#2480;&#2507;&#2471;</A> 
  <LI><A 
  href="#" 
  target=_blank>&#2458;&#2463;&#2509;&#2463;&#2455;&#2509;&#2480;&#2494;&#2478;&#2503;&#2480; &#2474;&#2509;&#2480;&#2477;&#2494;&#2476;&#2486;&#2494;&#2482;&#2496; &#2458;&#2453;&#2509;&#2480; &#2438;&#2480; &#2472;&#2494;&#2488;&#2494;&#2453;&#2494;&#2480; &#2488;&#2489;&#2494;&#2527;&#2468;&#2494;&#2527; &#2478;&#2495;&#2527;&#2494;&#2472;&#2478;&#2494;&#2480;&#2503; &#2488;&#2494;&#2480; &#2474;&#2494;&#2458;&#2494;&#2480; &#2489;&#2527;</A> 
  <LI><A 
  href="#" 
  target=_blank>&#2476;&#2495;&#2486;&#2503;&#2487; &#2437;&#2480;&#2509;&#2469;&#2472;&#2504;&#2468;&#2495;&#2453; &#2447;&#2482;&#2494;&#2453;&#2494; &#2488;&#2509;&#2469;&#2494;&#2474;&#2472;&#2503; &#2470;&#2509;&#2480;&#2497;&#2468; &#2437;&#2471;&#2509;&#2479;&#2494;&#2470;&#2503;&#2486; &#2460;&#2494;&#2480;&#2495; &#2489;&#2468;&#2503; &#2474;&#2494;&#2480;&#2503;</A> 
  <LI><A 
  href="#" 
  target=_blank>&#2478;&#2457;&#2509;&#2455;&#2482; &#2455;&#2509;&#2480;&#2489;&#2503; &#2474;&#2494;&#2472;&#2495; &#2474;&#2494;&#2451;&#2527;&#2494; &#2455;&#2503;&#2459;&#2503;&#2404; &#2475;&#2482;&#2494;&#2475;&#2482;&#2488;&#2509;&#2476;&#2480;&#2498;&#2474;...</A> 
  <LI><A 
  href="#" 
  target=_blank>&#2437;&#2472;&#2497;&#2488;&#2472;&#2509;&#2471;&#2495;&#2510;&#2488;&#2497;&#2480; &#2437;&#2477;&#2495;&#2471;&#2494;&#2472;</A> 
  <LI class=more><A 
  href="#">&#2476;&#2495;&#2488;&#2509;&#2468;&#2494;&#2480;&#2495;&#2468;</A>&gt;&gt; 
</LI></UL>
 

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 4 years 48 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

It doesn't look as though

It doesn't look as though you have taken into account the default padding on the ul in respect of Firefox.

For future reference please avoid snippets of code (unless you have reason to know that is all that's required) we need to see all the code and/or a link to the page live. If that is your site then it would have made more sense to upload the page rather than images, images tend not to be that helpful unless they show how something needs to look.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

crazytopu1
Offline
newbie
Last seen: 11 years 13 weeks ago
Joined: 2008-09-07
Posts: 3
Points: 0

Sorry, I am new here. Here

Sorry, I am new here. Here is the url of the live page

http://uniquebrand.co.uk/portal07.09.08/test.php

I am now reading up about ul default padding for firefox. Thanks for pointing me to that.

Many Thanks,

crazytopu1
Offline
newbie
Last seen: 11 years 13 weeks ago
Joined: 2008-09-07
Posts: 3
Points: 0

Okay, I fixed it. That's

Okay, I fixed it. That's really so simple. Thanks for telling me about that firefox fix.