Welcome Guest!

If you do not have an account yet on The Web Squeeze forums, please Register! It's FREE and there are many benefits:

  • Receive Fast Advice
  • Learn Programming Languages
  • Get Professional Website Reviews
  • Quick Troubleshooting Assistance

> Css List Style

This is a discussion on Css List Style, within the CSS section. This forum and the thread "Css List Style" are both part of the Designing Your Website category.

 
Reply to this topicStart new topic
> Css List Style
Monie
post May 20 2009, 04:41 AM
Post #1


Professional Squeeze
******

Posts: 1,330
Joined: 13-February 08
From: Borneo

I am having a bit of a problem aligning my < li > stuff in my sidebar.
In FF, they looks great, but in IE, something is just wrong!

Any CSS fix for this king of padding issue?
Thanks..

Site: http://www.monieweb.com
Attached File(s)
Attached File  tabbed.JPG ( 16.28K ) Number of downloads: 3
 


--------------------
Go to the top of the page
 
+Quote Post
rich97
post May 20 2009, 05:01 AM
Post #2


Squeeze Machine
Group Icon

Posts: 852
Joined: 27-August 08
From: Sendai, Japan

Is this just IE7 you're talking about? As you seem to have a MUCH worse problem in IE6 The right hand side col is too big for it to fit inside of your container and it is causing it to float under the page content.

I can't offer a solution right now, but your best bet would be to:

Delete related sections of CSS. Particularly those with width, margin and padding specified and related to the right column >
Ctrl + S >
Refresh >
Look to see if that resolves problem >
Ctrl + Z >
Ctrl + S >
If problem was solved delete a smaller section and repeat >
If not try deleting other sections of code until problem is solved >
Repeat until you have isolated exact line of code that is causing problem.

The idea is to isolate any areas which may fix the problem. Once you have found that line of code try tweaking it's value, I found with these float/margin/padding errors that it's extremely hard to solve without effecting other browsers so you will most likely need an IE specific stylesheet.

Sorry I can't help further, but these kind of errors are ridiculously hard to pinpoint without messing with the code. sad.gif


--------------------
Go to the top of the page
 
+Quote Post
Monie
post May 20 2009, 10:29 PM
Post #3


Professional Squeeze
******

Posts: 1,330
Joined: 13-February 08
From: Borneo

Ok, I have fixed the floating thing...happy.gif
Now I have to fix my list style thingy! I'll have a look at your style on debugging the CSS there Rich! Thanks.


--------------------
Go to the top of the page
 
+Quote Post
If you found The Web Squeeze to be helpful, please donate so we can keep this site FREE, FRESH, and fortified with Web Design & Development info!
Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Collapse

> Similar Topics

    Topic Title Replies Topic Starter Views Last Action
No New Posts   7 Jason 1,734 19th February 2008 - 03:02 PM
Last post by: JasonStanley
No New Posts   11 unitedcraig 1,898 22nd February 2008 - 12:28 AM
Last post by: Monie
No New Posts   9 velo 1,710 26th February 2008 - 12:12 AM
Last post by: Vanessa
No New Posts   3 Jason 988 11th March 2008 - 03:06 PM
Last post by: Ryan
No New Posts   6 welshstew 2,080 10th June 2008 - 11:12 AM
Last post by: Mark Poppen