/    Sign up×
Community /Pin to ProfileBookmark

dashed borders in explorer

Copy linkTweet thisAlerts:
Apr 29.2005

I am unable to get the following code to work in explorer:

.paging {
font-size: 0.8em;
margin-bottom: 5px;
border-bottom: 1pt dashed grey;
}

for the following site:
[url]www.property-description.com[/url]

It displays fine in firefox.

Any ideas?

I have actually had a number of problems with getting my html/css to display properly in explorer 6. While I know that certain features in css are not supported in explorer (or at least not according to the w3 standards), I am achieving certain effects on one site but not on another. Therefore I assume that the fault lies in my code, rather than in explorer. Any ideas how best to debug and identify the source of the problem?

Other problems I am experiencing are background colours and borders not displaying properly.

I have tried to validate my CSS and HTML via the W3 validators, but have not been able to gain much valuable info.

Thanks in advance for your help.

to post a comment
CSS

9 Comments(s) ↴

Copy linkTweet thisAlerts:
@FangApr 29.2005 — .paging {
font-size: 0.8em;
margin-bottom: 5px;
border-bottom: 1pt dashed gr[COLOR=Red]a[/COLOR]y;
}
Copy linkTweet thisAlerts:
@wastlingerauthorApr 29.2005 — Thanks. Silly me. I guess the states rules the web.

Any thoughts on the problems I am having with explorer?
Copy linkTweet thisAlerts:
@FangApr 29.2005 — Be specific about the problems, what exactly?
Copy linkTweet thisAlerts:
@wastlingerauthorApr 29.2005 — For example if I set the "background: white; border: 1pt solid black;" to an h1 element which is contained in a div element with "background: blue;", explorer behaves very erratically.

If I refresh the page a number of times, each time both the h1 and div elements are displayed differently. Sometimes the h1 element disappears, sometimes the background of the div is only half blue, sometimes borders are shown on only one side etc.

Firefox renders the html without problems.

Hope this is specific enough. I suspect the error lies in my code somewhere as I have achieved similar effects on sites without problem.
Copy linkTweet thisAlerts:
@CharlesApr 29.2005 — Thanks. Silly me. I guess the states rules the web.[/QUOTE]It's not that, its just that "grey" reminds us too much of the sad end of Lady Jane Grey.
Copy linkTweet thisAlerts:
@CharlesApr 29.2005 — Let's start with valid HTML and see if that doesn't correct the problem. See http://validator.w3.org/check?verbose=1&uri=http%3A//www.property-description.com/ . Some of those errors are because you have confused HTML with XHTML. In HTML there is no trailling "/" in empty tags. Oh how I curse the day that the W3C gave us XHTML.
Copy linkTweet thisAlerts:
@wastlingerauthorApr 29.2005 — Whoops. All my img and input tags are closed like this. Which standard should I aim for? html4 strict? Do you think this may be causing my explorer problems?
Copy linkTweet thisAlerts:
@CharlesApr 29.2005 — Unless you are using the special features of XHTML and you [i]really[/i] know what you are doing you should not be using XHTML. For general web pages use HTML 4.01 Strict.

For the record, I do use XHTML, but not for web pages.

I don't know if that is the problem but I do know that you have a lot of HTML errors of all kinds on that page. It could be any one of those errors or it could be something else. The place to start is with a valid page.
Copy linkTweet thisAlerts:
@wastlingerauthorApr 29.2005 — Thanks for advice. Will follow it.
×

Success!

Help @wastlinger 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 6.16,
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: @nearjob,
tipped: article
amount: 1000 SATS,

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

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...