chris2 Posted February 10, 2012 Report Share Posted February 10, 2012 Hi I am making a new websit. When i upload the origional fround page main file the "main" div tag re-sizes to allow the frount page to fit in, and my footer moved to the bottom of thr page. However, when i load my frount page, the footer, and main div tag moved up so it is like all over the top of eatch other. But when i select Compatibility Mode on internet explorer, it works how it should. On google chrome it does the same thing as explored does with out the Compatibility Mode on. Does anyone know what is going on? thanks chris Quote Link to comment Share on other sites More sharing options...
Jeff Posted February 11, 2012 Report Share Posted February 11, 2012 Either not enough </div> or too many. They are all at the very end of the frontpage_main.tpl Depending on the template (skin) you might need to add or remove some. Try adding one first, then another. If it doesn't work then, then try removing one or two. Quote Link to comment Share on other sites More sharing options...
chris2 Posted February 11, 2012 Author Report Share Posted February 11, 2012 I have tried adding them and it does not work, i have tried tacking away and it does not work Quote Link to comment Share on other sites More sharing options...
chris2 Posted February 11, 2012 Author Report Share Posted February 11, 2012 This is the coading of the frount page tpl. All other pages are working, just the frount one which is not. <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> #left { float: left; width: 290px; padding-right: 10px; font-size: 18px; height: 600px; } #centre { width: 364px; float: left; height: 600px; } #right { float: left; width: 128px; padding-left: 10px; height: 600px; } #left p { font-size: 15px; } </style> </head> <body> <div id="left"> <p style="font-size: 18px">Welcome</p> <p>Air UK Virtual is a brand new virtual airline looking to give our pilots a relistic airline enviroment. Flying everything from a hour hop accross the United Kingdom, to the ten hours hop accross the atlantic, you will never be stuck again to decide were to fly. Operating a large modern fleet of aircraft and a frendly atmosphere garranteed why fly for any one ells?</p> <p>Air UK Virtual is the airline you you!</p> </div> <div id="centre"><img src="../../../../../Desktop/1328559722.png" width="364" height="115" /></div> <div id="right" style="font-size: 18px"> <p>New Pilots</p> <p> </p> <p>Latest Flights</p> <p> </p> <p>Booked Flights</p> <p> </p> <p>News</p> <p> </p> <p>Partnets</p> <p> </p> <p>Donate </p> <p> </p> <p>Social</p> </div> </body> </html> Quote Link to comment Share on other sites More sharing options...
Tom Posted February 11, 2012 Report Share Posted February 11, 2012 Add the following css to #main: overflow:hidden;clear:both; Also, move your inline styles for font-size into the block of CSS, at least then it's slightly less bad practice... Quote Link to comment Share on other sites More sharing options...
chris2 Posted February 11, 2012 Author Report Share Posted February 11, 2012 Ah its working. Thanks for your help chris Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.