SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Enthusiast Uphoreum's Avatar
    Join Date
    Jul 2006
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Borders Don't Appear In IE

    The borders on my page show up fine on firefox, but not on IE. This is the border line:

    border: dotted 4px darkgrey;

    What's wrong with it? Or could it be something with the whole CSS File?

  2. #2
    Non-Member lostseed's Avatar
    Join Date
    Sep 2005
    Location
    Zurconion Soon!
    Posts
    1,549
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    do it in this order:

    border: 4px dotted darkgrey;

    if that doesn't work see if doing it solid does, if solid doesn't work then its your css file probably youll need to link us to.

  3. #3
    SitePoint Enthusiast Uphoreum's Avatar
    Join Date
    Jul 2006
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    still doesn't work... Here's the code:
    Code:
    #page
    {
    	border: 4px dotted darkgrey;
    	width: 600px;
    	height: 700px
    }
    
    img
    {
    	border: 0;
    }
    
    #header
    {
    	width: 600px;
    	height: 100px;
    }
    
    #content
    {
    	background-color: #efefef;
    	height: 500px;
    	width: 600px;
    	border-top: dotted;
    	border-bottom: dotted;
    }
    
    #footer
    {
    	height: 100px;
    	width: 600px;
    	background-image: url('files/images/footer.gif');
    }

  4. #4
    SitePoint Enthusiast Uphoreum's Avatar
    Join Date
    Jul 2006
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Or could it be a problem with the way I'm linking to it???

    Code:
    <html>
    <head>
    <link rel="stylesheet" href="styles/style.css"/>
    </head>
    <body bgcolor="black">
    <center>
    	<div id="page">
    	<div id="header">
    	<a href="index.html"><img src="files/images/logo.gif"></a>
    	</div>
    	<div id="content">
        <h1>Index</h1>
        <center>
        <a href="asteroids.html"><img src="games/ab/ablogo.gif"></a><br>
        <br><a href="cobra.html"><img src="games/cobra/coblogo.gif"></a><br>
        <br><a href="zetrix.html"><img src="games/zetrix/zetlogo.gif"></a><br>
        </center>
    	</div>
    	<div id="footer">
    	<img src="files/images/footer.gif">
    	</div>
    	</div>
    </center>
    </body>

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,516
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    darkgrey isn't one of the allowed keywords for colour in css2. However you can make internet explorer (and firefox) work by changing the spelling and using darkgray instead:
    Code:
    #page
    {
     border: 4px dotted darkgray;
     width: 600px;
     height: 700px
    }
    It's still not valid though so you are better off using the hex equivalent.

  6. #6
    SitePoint Enthusiast Uphoreum's Avatar
    Join Date
    Jul 2006
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    aha, thanks!


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •