467,077 Members | 965 Online
Bytes | Developer Community
Ask Question

Home New Posts Topics Members FAQ

Post your question to a community of 467,077 developers. It's quick & easy.

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
  • viewed: 2827
2 Replies
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
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 this site, you agree to our Privacy Policy and Terms of Use.