/    Sign up×
Community /Pin to ProfileBookmark

IE Problems (big surprise)

I’m just gonna hold my tongue and not go off on some big rant about IE 😑 suffice to say that this whole cross-browser stuff makes me want to shoot myself. And it makes me sick that since IE has the market, they delibrately ignore and reject today’s standards.

Anyway, I’m happy that I’ve found this forum and any help will be rewarded with a great deal of appreciation, as it will most certainly save myslef a great deal of pain!

So…I’ve got a div inside a div, both given “float: left”, with an image in one and a <ul> in the other. IE, however, is not displaying the bullets. Here’s the html:

[QUOTE]

<div class=”calcontainer”><div class=”floatbox”><img src=”Images/tn_Calbeautchocfix.jpg” /></div> <p class=”bodyText style2″><br />
<br />
<br />
Think of us when trying to find a special gift for that hard to buy for person.<br />We invite you to come in and browse our wide selection.</p>
<ul class=”bodyText style2″>
<li>…</li>
</ul>
</div>

[/QUOTE]

and here’s the CSS:

[QUOTE]

.calcontainer {
width: 855px;
clear: left;
border: 0px;
}

.calcontainer .floatbox {
margin-top: 60px;
float: left;
width: 355px;
}

.floatbox {
margin-left: 15px;
}

  • * html .calcontainer ul { /* IE 3px jog hack*/
    height: 1%;
    }
  • .calcontainer ul {
    margin-top: 0;
    margin-left: 400px;
    }

  • * html .calcontainer p { /* IE 3px jog hack*/
    height: 1%;
    }
  • .calcontainer p {
    margin-top: 0;
    margin-left: 400px;
    }

    [/QUOTE]

    What am I doing wrong?

    Thanks in advance
    Pellar

    to post a comment
    CSS

    6 Comments(s) ↴

    Copy linkTweet thisAlerts:
    @nataliemacJun 12.2006 β€”Β First, your style sheet that you posted doesn't include the bodyText class or the style2 class that you've assigned to your <ul>, so there might be a clue in there. Can you post those?

    Second, it's a better idea to use a top margin for your paragraph to move it down rather than using all those <br> tags.
    Copy linkTweet thisAlerts:
    @NogDogJun 12.2006 β€”Β My guess (without looking in detail at the code):

    For UL's and LI's, different browsers have different defaults for margin, padding, and list-style-position; so it is best to set explicit values for each of these in your stylesheet to ensure that each browser is displaying your lists the same way.
    Copy linkTweet thisAlerts:
    @PellarauthorJun 12.2006 β€”Β Ya, you're right. I gotta get out of the habit of using the <br> tag.

    Here are those classes:

    .style2 {font-size: 14px}

    .bodyText {

    font:11px Arial, Helvetica, sans-serif;

    color:#666666;

    line-height:20px;

    margin-top:0px;

    } [/QUOTE]


    Thanks
    Copy linkTweet thisAlerts:
    @FangJun 13.2006 β€”Β This 'hack' is causing the problem:* html .calcontainer ul { /* IE 3px jog hack*/
    height: 1%;
    }
    Copy linkTweet thisAlerts:
    @PellarauthorJun 15.2006 β€”Β No, I fixed it, but it wasn't the hack.

    It turns out it must've had something to do with the default for <ul> on IE. I added "list-style-position: outside;" and that brought it up. However, the bullets are empty, even after adding "list-style-type: disc;". The discs are certainly filled in Mozilla, but not in IE. Any suggestions why?
    Copy linkTweet thisAlerts:
    @FangJun 16.2006 β€”Β Show the full css
    Γ—

    Success!

    Help @Pellar 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.19,
    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,
    )...