Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Apr 2005
    Posts
    32
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Internet Explorer Would some kindly person with IE take a look at this

    Alas, I'm on Mac and need someone to tell me if the layout is working properly on IE 6. Pretty please?


    http://www.mdxlab.com

  • #2
    Senior Coder Spudhead's Avatar
    Join Date
    Jun 2002
    Location
    London, UK
    Posts
    1,856
    Thanks
    8
    Thanked 110 Times in 109 Posts
    Looks fine in FF (1.5.0.7) but a few issues in IE6. See attached screengrab.

    I'm on XP Pro, btw.
    Attached Thumbnails Attached Thumbnails Would some kindly person with IE take a look at this-untitled.jpg  

  • #3
    New Coder
    Join Date
    Apr 2005
    Posts
    32
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Urrrgh. Can someone please suggest some ways to fix the header issue.


    Header portion code (no not the header tag portion)
    Code:
    <body>
    <a name="top"></a>
    <div id="page">
    <div id="header"> 
    <div>
       <a href="http://www.mdxlab.com" />
       <img src="http://mdxlab.com/wp-content/themes/mesozoic-20/images/mdxclick.jpg" style="position:relative; top: 21px;" padding: 0px; alt="home"/>
    <div style="font-size:large; position:relative; margin-left:650px; top:0.2em;">
       <a href="http://www.mdxlab.com" />Home
    </div>
       <a href="http://www.rubybaboon.com" />
       <img src="http://mdxlab.com/wp-content/themes/mesozoic-20/images/baboon.jpg" style="position:relative; top:0.5em; padding:0px;" alt="Ruby Baboon"/>
    </div>
    <div style="font-size:xx-small; position:relative; top: 12px; margin-left:-42em;">
       <a href="http://www.rubybaboon.com"> Visit our latest project, Ruby Baboon </a>
    </div>
    
          
    </div>
    CSS remote
    Code:
    /* Begin Structure */
    body {
    	margin: 0;
    	padding: 0; 
    	}
    
    #page {
    	background-color: white;
    	margin: 20px auto;
    	padding: 0;
    	width: 760px;
    	border: 1px solid #959596;
    	}
    	
    #header {
    	padding: 0;
    	margin: 0 auto;
    	height: 361px;
    	width: 100%;
    	background-color: #73a0c5;
    	}
    
    #headerimg {
    	margin: 0;
    	height: 200px;
    	width: 100%;
    	}
    
    .narrowcolumn {
    	float: left;
    	padding: 0 0 20px 45px;
    	margin: 80px 0 0;
    	width: 450px;
            clear:both;
            overflow:hidden;
            	}
    
    .widecolumn {
    	padding: 10px 0 20px 0;
    	margin: 5px 0 0 150px;
    	width: 450px;
    	}
    	
    .post {
    	margin: 0 0 40px;
    	text-align: justify;
    	}
    
    .post a {color:#b84601;
              }
    
    .widecolumn .post {
    	margin: 0;
    	}
    
    .narrowcolumn .postmetadata {
    	padding-top: 5px;
    	}
    
    .widecolumn .postmetadata {
    	margin: 30px 0;
    	}
    
    .widecolumn .smallattachment {
    	text-align: center;
    	float: left;
    	width: 128px;
    	margin: 5px 5px 5px 0px;
    }
    
    .widecolumn .attachment {
    	text-align: center;
    	margin: 5px 0px;
    }
    
    .postmetadata {
    	clear: left;
    }
    
    #footer {
    	padding: 0 0 0 1px;
    	margin: 0 auto;
    	width: 760px;
    	clear: both;
    	}
    
    #footer p {
    	margin: 0;
    	padding: 20px 0;
    	text-align: center;
    	}
    /* End Structure */

  • #4
    Regular Coder
    Join Date
    Nov 2005
    Posts
    329
    Thanks
    3
    Thanked 19 Times in 19 Posts
    Problem is with IE and not other web-compliant browsers. Suggest you made a separate CSS stylesheet for 'the little bug-er'!!


  •  

    Posting Permissions

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