#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2007
    Posts
    45
    Rep Power
    42

    Site looks fine in IE not Firefox


    I dont know why it is doing this in firefox here is my css coding then is my html file coding

    Code:
    #header {
        width: 800px;
        height: 164px;
        margin: 0px;
        padding: 0px;
        background: red url(images/header.jpg);
        }
        
    #menubox {
    	width: 215px;
    	height: 194px;
    	margin: 0 0 0;
        padding: 0px;
    	background: blue url(images/menu.jpg);
    	}
    
    #menu-in {
    	width: 73px;
    	height: 158px;
    	padding: 0px;
    	margin-left: 41px;
    	margin-top: 16px;
    	background: red;
    	}
    
    #banner {
    	width: 585px;
    	height:194px;
    	margin-left: 215px;
    	margin-top: -194px;
    	background: green url(images/banner.jpg);
    	}
    	
    #sidepic {
    	width: 165px;
    	height: 692px;
    	background: green;
    	}
    	
    #sidepic-in {
    	width: 127px;
    	height: 634px;
    	margin-left: 19px;
    	margin-top: 29px;
    	background: brown url(images/sidepic.jpg);
    	}
    	
    #main {
    	width: 413px;
    	height: 692px;
    	margin-left: 165px;
    	margin-top: -692px;
    	background: purple;
    	}
    	
    #main-in (
    	width: 378px;
    	height: 628px;
    	margin-left: 18px;
    	margin-top: 32px;
    	background: red;
    	}
    	
    #pictures {
    	width: 222px;
    	height:505px;
    	margin-left: 578px;
    	margin-top: -692px;
    	background: blue;
    	}
    	
    #pictures-in (
    	width: 171px;
    	height:424px;
    	margin-left: 22px;
    	margin-top: 60px;
    	background: red;
    	}
    
    #links {
    	width: 222px;
    	height: 187px;
    	margin-left: 578px;
    	background: red;
    	}
    
    #footer {
    	width: 800px;
    	height: 50px;
    	background: yellow;
    	}
    
    {
    Code:
    <html>
    
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>New Page 1</title>
    <link rel="stylesheet" type="text/css" href="styles.css">
    
    </head>
    
    <body>
    
    		<div id="header">
    		
    		</div>
    		
    		
    		
    		<div id="menubox">
    		
    				<div id="menu-in">
    				</div>
    		
    		</div>
    		
    		
    		
    		<div id="banner">
    		
    		</div>
    		
    		
    		
    		<div id="sidepic">
    		
    		
    				<div id="sidepic-in">
    				</div>
    		
    		</div>
    		
    		
    		
    		<div id="main">
    		
    				<div id="main-in">
    				</div>
    		
    		</div>
    		
    		
    		
    		<div id="pictures">
    		
    				<div id="pictures-in">
    				</div>
    		
    		</div>
    		
    		
    		<div id="links">
    		</div>
    		
    		
    		
    		<div id="footer">
    		</div>
    
    
    
    </body>
    
    </html>
  2. #2
  3. |<.+#f@#+.&.|
    Devshed Frequenter (2500 - 2999 posts)

    Join Date
    Mar 2002
    Location
    norway
    Posts
    2,999
    Rep Power
    1227
    Hey and welcome to devshed.

    You haven't supplied any doctype for that html,
    if you don't use or use an incomplete one the browsers would render the page in quirksmode, as the name suggest the rendering is quirky.

    List of valid dtds, I suggest you use a strict dtd.
    http://www.w3.org/QA/2002/04/valid-dtd-list.html
    Read more about quirks- and strictmode:
    http://quirksmode.org/css/quirksmode.html

    For the css, it seems like you rely much on negative margins for the layout that might not the best approach:
    Layout tips:
    http://www.glish.com/css/
    http://www.maxdesign.com.au/presentation/page_layouts/

IMN logo majestic logo threadwatch logo seochat tools logo