472,127 Members | 1,855 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,127 software developers and data experts.

Can I center frames in center of page

it can be seen on my page at http://total-contradiction.com/index3.html
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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<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
2 2955
490 Expert 256MB
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.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" 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
1,137 1GB
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.

Similar topics

40 posts views Thread by JohnnyCJohnny | last post: by
27 posts views Thread by FL | last post: by
25 posts views Thread by Steal | last post: by
7 posts views Thread by dj Bass | last post: by
56 posts views Thread by Deepan HTML | last post: by
14 posts views Thread by Mark | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.