Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

Website Design Forum


You are currently viewing our Website Design Forum as a guest. Please register to participate.
Login



Freelance Jobs

Reply
Centering Website (split topic from very old thread)
Old 02-02-2008, 11:17 AM Centering Website (split topic from very old thread)
colin12's Avatar
Novice Talker

Posts: 13
Name: Colin Mc Donald
Location: Cambridge on canada
Trades: 0
Hello I am noobe, Nd would appreciate any assistance I have built the following site with Dreamweaver with frames I am having a great deal of trouble in centering and sizing the site for clients visiting the site I will post as much coding as allowed,,,http://www3.sympatico.ca/cmcd7

<!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">
<!-- DW6 -->
<head>
<meta name="verify-v1" content="oScsTRlGLdQKrB8bC8epjcKY6+dUSqLg2ubfry/MDp0=" />
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<title>PC REPAIR</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="../mm_entertainment.css" type="text/css" />
<style type="text/css">
<!--
.style1 {font-family: Georgia, "Times New Roman", Times, serif}
body,td,th {
color: #FF0000;
font-size: 18px;
}
#Layer1 {
position:absolute;
width:208px;
height:93px;
z-index:1;
left: 933px;
top: 283px;
}
#Layer2 {
position:absolute;
width:197px;
height:49px;
z-index:2;
left: 1937px;
top: 1152px;
}
#Layer3 {
position:absolute;
width:826px;
height:54px;
z-index:3;
left: 1117px;
top: 471px;
visibility: inherit;
}
.style5 {color: #FF0000; font-size: 24px; font-family: "Courier New", Courier, monospace; }
#Layer4 {
position:absolute;
width:379px;
height:210px;
z-index:4;
left: 780px;
top: 429px;
}
#Layer5 {
position:absolute;
width:318px;
height:207px;
z-index:5;
left: 1814px;
top: 909px;
}
#Layer6 {
position:absolute;
width:573px;
height:496px;
z-index:6;
top: 859px;
left: 1237px;
}
#Layer7 {
position:absolute;
width:444px;
height:59px;
z-index:7;
left: 1284px;
top: 1287px;
}
#Layer8 {
position:absolute;
width:185px;
height:42px;
z-index:8;
left: 838px;
top: 1140px;
}
#Layer9 {
position:absolute;
width:328px;
height:57px;
z-index:9;
left: 812px;
top: 542px;
}
#Layer10 {
position:absolute;
width:200px;
height:1px;
z-index:10;
left: 740px;
top: -56px;
}
#Layer11 {
position:absolute;
width:1616px;
height:192px;
z-index:11;
left: 918px;
top: 740px;
}
#Layer12 {
position:absolute;
width:1528px;
height:219px;
z-index:12;
left: 868px;
top: 118px;
}
body {
background-color: #000000;
background-image: url();
background-repeat: repeat;
}
.style9 {font-size: xx-large; color: #FF0000; font-weight: bold; }
h1 {
font-size: xx-large;
}
#Layer13 {
position:absolute;
width:387px;
height:71px;
z-index:1;
left: 619px;
top: 370px;
}
#Layer14 {
position:absolute;
width:425px;
height:115px;
z-index:1;
left: -33px;
top: 93px;
}
#Layer15 {
position:absolute;
width:247px;
height:71px;
z-index:13;
left: 1828px;
top: 380px;
}
#Layer16 {
position:absolute;
width:830px;
height:259px;
z-index:14;
left: 1106px;
top: 49px;
}
a:link {
color: #CC9900;
}
a:hover {
color: #00FF00;
}
a:visited {
color: #CC9900;
}
a:active {
color: #00FF00;
}
#Layer17 {
position:absolute;
width:360px;
height:77px;
z-index:15;
left: 1365px;
top: 723px;
}
#Layer18 {
position:absolute;
width:377px;
height:19px;
z-index:16;
left: 1783px;
top: 646px;
}
#Layer19 {
position:absolute;
width:392px;
height:77px;
z-index:17;
left: 798px;
top: 669px;
}
#Layer20 {
position:absolute;
width:361px;
height:31px;
z-index:18;
left: 795px;
top: 353px;
}
#Layer21 {
position:absolute;
width:295px;
height:54px;
z-index:1;
left: 55px;
top: -307px;
}
#Layer22 {
position:absolute;
width:333px;
height:48px;
z-index:18;
left: 784px;
top: 594px;
}
#Layer23 {
position:absolute;
width:302px;
height:218px;
z-index:18;
left: 796px;
top: 911px;
}
#Layer24 {
position:absolute;
width:226px;
height:161px;
z-index:19;
left: 832px;
top: 1196px;
}
#Layer25 {
position:absolute;
width:240px;
height:157px;
z-index:1;
left: 959px;
top: 12px;
}
#Layer26 {
position:absolute;
width:1336px;
height:109px;
z-index:20;
left: 793px;
top: 1381px;
}
#Layer27 {
position:absolute;
width:252px;
height:26px;
z-index:21;
left: 830px;
top: 877px;
}
.style10 {color: #FF0000}
-->
</style>
<script type="text/javascript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>


</head>
<body><center>
<div align="center">




<table width="75%" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000" bgcolor="#000000" rules="all">
<!--DWLayoutTable-->
<tr>
<td width="75%" height="" valign="top" bgcolor="#000000" class="subHeader"><blockquote>



<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<div align="center">
<table width="75%" height="1760" border="" cellpadding="0" cellspacing="0" bordercolor="#000000" bgcolor="#000000">
<!--DWLayoutTable-->
<tr bgcolor="02021e">
<td width="75%" height="" valign="top" nowrap="nowrap" bordercolor="#000000" bgcolor="#000000" id="tagline"><div align="center"></div>
<div align="center"></div></td>
</tr>

<tr bgcolor="02021e">
<td height="288" valign="top" nowrap="nowrap" bordercolor="#000000" bgcolor="#000000" id="tagline"><div align="center"><span class="detailText style1"><a href="
colin12 is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 02-02-2008, 11:58 AM Re: Centering in Dreamweaver
Mooofasa's Avatar
Defies a Status

Posts: 1,611
Name: Michael (mik) Land
Location: England
Trades: 0
MY EYES...

In other news, make a new topic.

Now, it's the same issue. Your CSS layers are using Absolute positioning (position: absolute) which is causing them to ignore your attempts at centering.
__________________

Please login or register to view this content. Registration is FREE
- Tumblog with thoughts, quotes, links, videos, images and my creations.

Please login or register to view this content. Registration is FREE
- The best free web browser.

Please login or register to view this content. Registration is FREE
- Firefox is now Firefail.
Mooofasa is offline
Reply With Quote
View Public Profile Visit Mooofasa's homepage!
 
Old 02-02-2008, 02:57 PM Re: Centering in Dreamweaver
colin12's Avatar
Novice Talker

Posts: 13
Name: Colin Mc Donald
Location: Cambridge on canada
Trades: 0
Quote:
Originally Posted by Mooofasa View Post
MY EYES...

In other news, make a new topic.

Now, it's the same issue. Your CSS layers are using Absolute positioning (position: absolute) which is causing them to ignore your attempts at centering.
can I change all references from absolute to relative to fix?
thanx in advance
colin12 is offline
Reply With Quote
View Public Profile
 
Old 02-02-2008, 03:22 PM Re: Centering in Dreamweaver
Novice Talker

Posts: 10
Name: Alistair McCoy
Trades: 0
This is how i make all my layouts centered.
One can be viewed at www.alistairmccoy.co.uk
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* compatable browsers and above. The text is then set to the left aligned default in the #container selector */
color: #000000;
amccoy is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Centering Website (split topic from very old thread)
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.27693 seconds with 12 queries