By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,739 Members | 1,059 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,739 IT Pros & Developers. It's quick & easy.

Can I center frames in center of page

P: 1
it can be seen on my page at
i have the frames i want them but i the page in the center of the screen.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "">
<html xmlns="">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Total Contradiction Studios </title>
<frameset rows="611, 27" frameborder="0" border="0" framespacing="0">
<frameset rows="*" cols="197,*" frameborder="no" border="0" framespacing="0">
<frame src="leftbanner.html" name="leftFrame" scrolling="no" noresize="noresize" id="leftFrame" title="leftFrame" />
<frameset rows="120,*" frameborder="no" border="0" framespacing="0">
<frame src="topbanner.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
<frame src="welcome.html" name="mainFrame" id="mainFrame" title="mainFrame" scrolling="no"/>
<frame src="indexmusic.html" name="Musicpage" id="Musicpage" title="Musicpage" scrolling="no" />
Jan 16 '08 #1
Share this Question
Share on Google+
2 Replies

Expert 100+
P: 490
Sorry to inform you but frames aren't designed to be used like this. The best thing to do is use the CSS solution.

take a look at this...
Very simplified template for a center down approac to a website

Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.     "">
  3. <html xmlns="" xml:lang="en" lang="en">
  4. <head>
  5. <title>HELLO WORLD</title>
  6. <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  7. <style type="text/css">
  8.   body { margin-left: 0px;
  9.       margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
  10.   #navMain {width:768px;height:25px;color:#ff0000;}
  11.   #navMain ul{background-color:#ff0000;padding-left:0px;margin-left:0px;width:100%;}
  12.   #navMain ul li{border:0px solid #000000;margin:0px 0px;float:left;list-style:none;}
  13.   #navMain ul li a{ color:#ccccff; display:block;padding:5px 10px; margin: auto 3px;}
  14.   #navMain ul li a:hover{ color:#ccccff;}
  15.   #mainpage{ position:relative; width:768px; margin:5px auto; padding:10px; }
  16.   #midbar{ width:768px; height:600px; border:2px solid #ccccff; top:125px; left:0px; z-index:5; }
  17.   #bodyMain{ padding:15px; width:738px; border:1px solid #cccccc; top:0px; left:0px; }
  18.   #headBar{ width:768px; height:100px; top:0px; left:0px; background-color:#996600;}
  19. </style>
  21. </head>
  22. <body>
  24. <div id="mainpage">
  25.   <div id="headBar">
  26.     <h1>MY SITE LOGO</h1>
  27.   </div>
  28.   <div id="navMain">
  29.     <ul>
  30.       <li><a href="#">Link one</a></li>
  31.       <li><a href="#">Link one</a></li>
  32.       <li><a href="#">Link one</a></li>
  33.       <li><a href="#">Link one</a></li>
  34.       <li><a href="#">Link one</a></li>
  35.       <li><a href="#">Link one</a></li>
  36.     </ul>
  37.   </div>
  38.   <div id="midBar">
  39.     <div id="bodyMain">
  40.       <h2>Welcome?</h2>
  41.       Hello world, content goes here  content goes here content goes here content goes here content goes
  42.       here content goes here content goes here content goes here content goes here content goes here
  43.     </div>
  44.   </div>
  45. </div>
  47. </body>
  48. </html>
Jan 28 '08 #2

Death Slaught
P: 1,137
tcontridiction, please use proper code tags when posting your code.

Please refer to the link in my signature for the posting guidelines.

Thanks, Death
Jan 28 '08 #3

Post your reply

Sign in to post your reply or Sign up for a free account.