SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    Non-Member
    Join Date
    Apr 2006
    Location
    Scotland
    Posts
    325
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Help! Opera messes up layout!

    Hi.

    I was redesigning my site and have got a problem - Firefox and IE look good but Opera doesnt. I dont know why opera is messing up my site.

    Heres the site : http://bands-in-scotland.com/

    The CSS is at : http://bands-in-scotland.com/main.css

    The CSS at the very end is to make firefox show the content and navi id's smaller (since it can understand padding, but IE cant). But opera messes it all up. Heres a screenshot of it in opera: (version 8.54)


  2. #2
    Non-Member
    Join Date
    Jan 2005
    Location
    Netherlands
    Posts
    4,300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello

    Why do you want to use position absolute for a single column layout ?

    PS a width of 768px will fit in a 800px screen

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>Bands-in-Scotland.com - THE place for bands in Scotland!</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="description" content="Looking for a band? Looking for a band member? Bands in Scotland will help you find what you need!">
    <meta name="keywords" content="bands in scotland, scottish bands, looking for band, find scottish bands">
    <meta name="robots" content="index,follow">
    <meta name="revisit-after" content="2 Days">
    <meta name="language" content="EN">
    <meta name="rating" content="general">
    	<style type="text/css">
    	<!-- 
    	body{
    	font-family: arial, helvetica, sans-serif;
    	color:white;
    	background: #d8d8d8;
    	text-align:center;
    	}
    	
    	*{margin:0;padding:0;}
    	
    	div{text-align:left;}
    	
    	#body{width:800px;margin:0 auto;border:5px solid #000000;}
    
    	#header{height:180px;background: url(img/logo.jpg) no-repeat;}
    
    	#navi{
    	padding-left:5px;
    	height:20px;
    	}
    
    	#body{background:black;}
    
    	a{color:red;text-decoration: none;}
    	a:hover {text-decoration: underline;}
    	a:active {color: #666666;
    	}
    	#body h2,#body h3,#body p{padding:3px 5px 3px 5px;}
    	
    	h1{text-indent:-2000px;}
    	 -->
    	</style>
    </head>
    <body>
    
    <div id="body">
    
    <div id="header"><h1>Bands in Scotland - Is it YOUR turn to rock?</h1></div>
    
    <div id="navi">
    <a href="index.html">Home</a> &nbsp;&nbsp;
    <a href="http://www.bands-in-scotland.com/forum/">Forum</a> &nbsp; &nbsp;
    <a href="##">Sign up</a>&nbsp;&nbsp; 
    <a href="##">Members</a> &nbsp; &nbsp;
    <a href="##">Bands</a> &nbsp; &nbsp;
    <a href="##">Log in</a>&nbsp; &nbsp;
    <a href="##">Links</a> &nbsp;&nbsp; 
    <a href="http://www.bands-in-scotland.com/contact/">Contact us</a>
    
    </div>
    <h2>Bands in Scotland - Is it YOUR turn to rock?</h2>
    <h3>Site still under construction - please come back later!</h3>
    <p>Are you in a band? Are you trying to find a band? Does your band want to be known? Just want to chat to others on the forum? Bands-in-Scotland.com is the best place for people from Scotland to get together!</p>
    <p>If you have always wanted to join a band but could never find one, then you are in the right place. Here you can search through bands from all across Scotland, and you can contact them through the sites message system. You can also leave an advert in the <a href="##">bands</a> section.
    If you wished your band was more known and instead of you having to find gigs, gigs found you, then you are in the right place aswell! All you have to do is register and people from all over Scotland can see who you are, listen to your songs on the website, and more!
    Also you or your band can have a subdomain all for yourselves. (eg yourbandname.bands-in-scotland.com) You can then show pictures, music, and anything you want to everyone!</p>
    <p>So what are you waiting for? Sign up and let people find you - its a win/win situation!</p>
    </div>
    
    </body>
    </html>


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
  •