http://www.fitnessblast.info/test/template-3.html In IE - the right column fits the text, however the left doest fit in properly In FF - none of the colums fit the text properly Can anyone help? Cheers
this kinda fixes it <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" ><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" > <head> <title>GiuseppeRossi.net Unofficial fan site for Giuseppe Rossi</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> /* *** Generated by www.csscreator.com *** */ /* css released under Creative Commons License - http://creativecommons.org/licenses/by/2.0/deed.en */ body { background-color: #000000; font-size: 11px; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; color:#564b47; padding:0px; margin:0px; } a {color: #a5232c;} a:visited {color:#a5232c;} a:hover {color: #564b47;} a:active { color:#564b47;} h1 { font-size: 11px; text-transform:uppercase; background-color: #d6d580; border-top:1px solid #564b47; border-bottom:1px solid #564b47; padding:5px 15px; margin:0px } h2 { font-size:20px; font-weight: normal; padding: 5px 10px; margin:0px;} img.download {vertical-align:middle;} /* ----------container to center the layout-------- */ #container { width: 800px; padding:0px; margin: 0px; margin-left: auto; margin-right: auto; } /* ----------banner for logo-------------- */ #banner { background-color: #780001; padding: 0px; margin: 0px; } /* ----------outer and inner----------------- */ #outer{ border-left: solid 150px #780001; /* color of the left column */ border-right: solid 150px #780001; /* color of the right column */ background-color: #ffffff; /* color of the content column */ } #inner{margin:0; width:100%; } /* The ie/pc pecularity */ /* --------------left and right navi------------- */ #left { width:150px; float:left; position:relative; margin-right:1px; } #right { width:150px; float:right; position:relative; margin-left:1px; } /* -----------------content--------------------- */ #content{ position: relative; margin: 0px; } p { padding: 5px 10px; margin:0px; } pre{ font-size: 12px; padding: 5px 10px; margin:0px;} /* ----------------footer---------------------- */ #footer { clear:left; padding:0px; margin:0px; text-align: right; } </style></head> <body> <!-- Generated at www.csscreator.com --> <div id="container" > <div id="banner" > <img src="http://www.giusepperossi.net/new/logo.jpg" alt="giuseppe rossi header" border="0" /> <h1>Giuseppe Rossi unofficial fan site</h1> </div> <div id="left" > <pre>Home<br/>stats<br/>News<br/>Contact<br/>forums<br/> } </pre> </div> <div id="right" ><h2>Menue right</h2> <pre>#right { width:200px; float:right; position:relative; margin-right:-200px; margin-left:1px; }</pre> </div> <div id="outer" > <div id="inner"> <div id="content"> <p>Italy Under-21 international Giuseppe Rossi, who was born in New Jersey, USA, joined United's Academy from Italian Serie A outfit Parma in July 2004.</p> <p>Sir Alex Ferguson handed Rossi the number 42 shirt just days before naming him on the bench at Old Trafford, and kicked off the 17-year-old's career by bringing him on as a substitute for David Bellion in the last five minutes of the 2-0 victory in the Carling Cup fourth round win over Crystal Palace, and went on to score on his Barclays Premiership debut on 10 November 2004 - just two weeks after signing professional forms with the club, as United beat Sunderland 3-1 in October 2005.</p> <p>Rossi, who plays as a deep-lying forward attacking midfielder or winger, earned his chance in the first team with some impressive displays in United's Reserves, scoring an array of goals with either foot.</p> <p>Ferguson says of Giuseppe Rossi "He's only small, but he is good in the air. He has got quick feet, a great football brain and can score goals."</p> <p>This is an exciting time for Giuseppe as he has been getting the occasional first team game for Manchester United and has also been loaned out to Newcastle United in order to gain some more first team action and experience. This site will keep you upto date with news, stats an facts regarding the young Rossi. <br/><br/>Dont forget to check out the forums where there will be even more news and information.</P> </div><!-- end content --> </div><!-- end inner --> </div><!-- end outer --> <div id="footer"><h1>© <a href="http://www.giusepperossi.net">GiuseppeRossi.net</a></h1></div> </div><!-- end container --> </body> </html> HTML:
thats great for FF and nearly there with IE but IE is the main site my users have and so it has to appear perfect in that and as good as possible in FF