4 replies [Last post]
rui280602
Offline
newbie
Last seen: 15 years 24 weeks ago
Joined: 2007-04-10
Posts: 2
Points: 0

Hello Everyone,

I've got a problem with [display : box;]. I use this one a list:

ul#general_box_list{ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; margin: 0; font-size: 12px; color: #16387C; list-style-type: disk; background-color: #FFFFFF; }

ul#general_box_list li{
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin: 0;
font-size: 12px;
color: #16387C;
list-style-type: square;
background-color: #FFFFFF;
clear: left;
}

ul#general_box_list a{
display: block;
}

When I compare it in firefox and IE7, as the first one give me a normal list element between space, IE7 give me a huge space between the list element. It seems that when I delete the display:box thing, the space become normal also in IE7.

Could someone tell me what's wrong with my code?

Tks in advance

(Sorry for my poor english)

Rui

mod edit/<code> tags added/tph

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 23 weeks 3 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

Please post all your HTML

Please post all your HTML and CSS, between <code></code> tags, or better yet, a link to the page.

Verschwindende wrote:
  • CSS doesn't make pies

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

You need to trigger

You need to trigger hasLayout for IE the anchor could do with some height, width or one of the other hasLayout triggers.

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

eZe616
eZe616's picture
Offline
Enthusiast
Aruba
Last seen: 14 years 43 weeks ago
Aruba
Timezone: GMT-5
Joined: 2007-02-23
Posts: 52
Points: 0

I have seen the posting of

I have seen the posting of the "trigger hasLayout for IE" , I never understood that very well, what do you mean by it Hugo?

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

Many (nearly most) problems

Many (nearly most) problems in IE are caused by the fact that IE requires that elements have what is known as hasLayout, this is a constuct that shouldn't exist and is a MS ballsup. Essentially it means that at times an element requires that certain properties are set and when so it tells IE how to treat the element and render it correctly, 'Triggers' are those properties that cause hasLayout == TRUE these include: Width, Height, Float, Zoom, display:inline-block, position:absolute.

If in doubt always test IE problems by using zoom:1; as a test on various elements to see if it is hasLayout that is the cause of problems.

Look for posts by Chris..S who has a link in his signature that leads to the definitive explanation and test cases for this crime against the web development world.

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