/    Sign up×
Community /Pin to ProfileBookmark

Layer Borders not rendering correctly in IE

Copy linkTweet thisAlerts:
Jun 06.2004

Hey, i wonder if you could help me.

I set up some layer borders, but theyre not rendering correctly in my IE browser. I have tried several different codes, and definitions, and none of them work.
But the #main layer borders work. :S:S:S:S

The CSS code is:

[CODE]#main {
position: relative;
margin: 0 auto;
top:5px;
width:750px;
height:570px;
z-index:1;
background: #FFFFFF;
border: 1px;
border-style: dotted;
border-color: #000099;
visibility: visible;
}

#page {
position:absolute;
width:750px;
height:580px;
z-index:1;
background: #FFFFFF;
visibility: visible;
}

#left {
position:absolute;
width:150px;
height:400px;
z-index:2;
top: 105px;
left: 10px;
border: 0.5px;
border-style: solid;
border-color: #666666;
background-color: #FFFFFF;
visibility: visible;
}

#content {
position:absolute;
width:560px;
height:400px;
z-index:3;
left: 175px;
top: 105px;
border: 0.5px;
border-style: solid;
border-color: #666666;
background-color: #FFFFFF;
visibility: visible;
}

#footer {
position:absolute;
width:715px;
height:50px;
z-index:4;
top: 515px;
left: 16px;
background-color: #FFFFFF;
border: 0.5px;
border-style: solid;
border-color: #666666;
visibility: visible;
}[/CODE]

The page can be found [url=http://www.gwwd.fatmcgav.co.uk]here[/url]

Any ideas on whats wrong, and how i can fix the problem.

Many thanks
Fatmcgav

to post a comment
CSS

4 Comments(s) ↴

Copy linkTweet thisAlerts:
@johndoe190Jun 06.2004 — well for a start you can reduce your code by writing the borders in this manner - border:1px dotted #000099;

The will reduce the size of the style sheet

Also what is wrong with the borders
Copy linkTweet thisAlerts:
@WebfreakJun 06.2004 — The problem is that the IE does not render the borders correctly. It can't render dotted or any other border. It only render solid border. That is why you should made this kind of change in your CSS:

[code=php]
html>body #main {
border: 1px dotted #000;
}
[/code]
This is for "real" browsers like Firefox and others which renders the dotted borders correctly.

But for IE you must made this kind of code:
[code=php]
#main {
border: 1px solid #000;
}
[/code]

P.S Your page has also some other problems when you look at it in Mozilla.
Copy linkTweet thisAlerts:
@fatmcgavauthorJun 07.2004 — Not really following you there Webfreak. #

You say that IE cant render dotted lines, but in my browser it is, around the outside of the page. The problem i'm having is it not rendering [b]solid[/b] lines on the three main content areas.

Also, you'll have to elaborate on the Mozilla errors, because i dont have Mozilla installed on my pc. OOC, does anybody know any progs that will show you how the webpage will look in all browsers without having to download them all???

Thanks for the help.

Fatmcgav
Copy linkTweet thisAlerts:
@fatmcgavauthorJun 08.2004 — Anybody????
×

Success!

Help @fatmcgav 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.18,
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,
)...