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: #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;
} The page can be found here (<!-- m --><a class="postlink" href="http://www.gwwd.fatmcgav.co.uk">http://www.gwwd.fatmcgav.co.uk</a><!-- m -->)
Any ideas on whats wrong, and how i can fix the problem.
Many thanks
Fatmcgavwell 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 bordersThe 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:
html>body #main {
border: 1px dotted #000;
}
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:
#main {
border: 1px solid #000;
}
P.S Your page has also some other problems when you look at it in Mozilla.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 solid 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.
FatmcgavAnybody????
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: #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;
} The page can be found here (<!-- m --><a class="postlink" href="http://www.gwwd.fatmcgav.co.uk">http://www.gwwd.fatmcgav.co.uk</a><!-- m -->)
Any ideas on whats wrong, and how i can fix the problem.
Many thanks
Fatmcgavwell 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 bordersThe 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:
html>body #main {
border: 1px dotted #000;
}
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:
#main {
border: 1px solid #000;
}
P.S Your page has also some other problems when you look at it in Mozilla.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 solid 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.
FatmcgavAnybody????