/    Sign up×
Community /Pin to ProfileBookmark

My list differs in IE compared to Firefox

Copy linkTweet thisAlerts:
May 27.2008

Hello!

I have a small problem.

When viewing my page in Firefox the list is where it’s supposed to be. But when viewing it in I.E the list gets positioned too much to the right.

Example.
in Firefox

*it looks like this
*123

*abc
—

In I.E
[COLOR=”White”]________[/COLOR]*it looks like this
[COLOR=”White”]________[/COLOR]*123

[COLOR=”White”]________[/COLOR]*abc
—

Here is the css that is connected to the list:

[CODE]
.linklist{
list-style-type:none;
padding-left: 0px;

}
.linklist ul{
margin-top:14px;
padding:0px;
}
.linklist li{
padding-top:5px;
padding-bottom:5px;[/CODE]

Thanks in advance.

to post a comment
CSS

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@KDLAMay 27.2008 — <i>
</i>&lt;style type="text/css"&gt;
.linklist{
list-style-type:none;
margin-top:14px;
margin-left: 0;
padding:0px;
}
.linklist li{
padding-top:5px;
padding-bottom:5px;}
&lt;/style&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;ul class="linklist"&gt;
&lt;li&gt;a;lskdf&lt;/li&gt;
&lt;li&gt;a;sldkfj&lt;/li&gt;
&lt;/ul&gt;

&lt;/body&gt;
Copy linkTweet thisAlerts:
@WebEmperessauthorMay 27.2008 — It works like a charm! Thanks alot.

It seems like I've been adding un-necessary information in my css file (thinking of linklist ul { ) I'll fix that with my other lists as well.

Thanks once again for a quick and working answer!
Copy linkTweet thisAlerts:
@CentauriMay 28.2008 — For more information on [B]why[/B] this worked, different browsers have different methods of providing the default list indent - IE uses left margin on the <ul> (which quite often causes problems with bullets disappearing if the <ul> is given a width or height), whilst FF uses left padding on the <ul>. To get the same result cross browser, you have to control [B]both[/B] margin and padding on the <ul>, especially the left ones.
×

Success!

Help @WebEmperess spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.29,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...