Centering website
hello all,
workin on my first ever flash website, and its pretty much
finished.
im having problems with centering my site.
i know its an issue that has allready alot of posts and i
have looked then all up but all
i managed to do from what i learned from them was to center
it horizontally.
im having problems with centering it vertically.
i dont know anything about html so im posting it entirely
here:
<html xmlns="
http://www.w3.org/1999/xhtml"
xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-8" />
<title>Untitled-6</title>
<script language="javascript">AC_FL_RunContent =
0;</script>
<script src="AC_RunActiveContent.js"
language="javascript"></script>
</head>
<body bgcolor="#ffffff">
<center>
<!--url's used in the movie-->
<a href="D:\website\doc\CV-heb.rtf"></a>
<a href="mailto:[email protected]"></a>
<!--text used in the movie-->
<!-- saved from url=(0013)about:internet -->
<script language="javascript">
if (AC_FL_RunContent == 0) {
alert("This page requires AC_RunActiveContent.js.");
} else {
AC_FL_RunContent(
'codebase', '
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
'width', '850',
'height', '600',
'src', 'Untitled-6',
'quality', 'high',
'pluginspage', '
http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'window',
'devicefont', 'false',
'id', 'Untitled-6',
'bgcolor', '#ffffff',
'name', 'Untitled-6',
'menu', 'true',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', 'Untitled-6',
'salign', ''
); //end AC code
</script>
<noscript>
<object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"
width="850" height="600" id="Untitled-6" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="Untitled-6.swf" /><param
name="quality" value="high" /><param name="bgcolor"
value="#ffffff" /> <embed src="Untitled-6.swf" quality="high"
bgcolor="#ffffff" width="850" height="600" name="Untitled-6"
align="middle" allowScriptAccess="sameDomain"
allowFullScreen="false" type="application/x-shockwave-flash"
pluginspage="
http://www.macromedia.com/go/getflashplayer"
/>
</object>
</noscript>
</body>
</center>
</html>
thanks in advance,
joel
hello kglad,
sorry to be a nag, but i put the lines you gave me and still
im getting only vertical alignment.
here is what i did:
<html xmlns="
http://www.w3.org/1999/xhtml"
xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-8" />
<title>Untitled-7</title>
<script language="javascript">AC_FL_RunContent =
0;</script>
<script src="AC_RunActiveContent.js"
language="javascript"></script>
<style type=text/css>
html, body {
height: 100%;
body {
text-align: center;
padding: 0;
margin: 0;
div#distance {
margin-bottom: -10em;
background: red;
width: 1px;
height: 50%;
float: left;
div#flash {
position: relative;
text-align: left;
height: 20em;
width: 40em;
background: blue;
margin: 0 auto;
clear: left;
</style>
</head>
<body bgcolor="#ffffff">
<!--url's used in the movie-->
<!--text used in the movie-->
<!-- saved from url=(0013)about:internet -->
<script language="javascript">
if (AC_FL_RunContent == 0) {
alert("This page requires AC_RunActiveContent.js.");
} else {
AC_FL_RunContent(
'codebase', '
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
'width', '850',
'height', '600',
'src', 'Untitled-7',
'quality', 'high',
'pluginspage', '
http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'window',
'devicefont', 'false',
'id', 'Untitled-7',
'bgcolor', '#ffffff',
'name', 'Untitled-7',
'menu', 'true',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', 'Untitled-7',
'salign', ''
); //end AC code
</script>
<noscript>
<div id="distance"></div>
<div id="flash">
<object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"
width="850" height="600" id="Untitled-7" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="Untitled-7.swf" /><param
name="quality" value="high" /><param name="bgcolor"
value="#ffffff" /> <embed src="Untitled-7.swf" quality="high"
bgcolor="#ffffff" width="850" height="600" name="Untitled-7"
align="middle" allowScriptAccess="sameDomain"
allowFullScreen="false" type="application/x-shockwave-flash"
pluginspage="
http://www.macromedia.com/go/getflashplayer"
/>
</object>
</div>
</noscript>
</body>
</html>
what am i doing wrong????
thanks, joel
Similar Messages
-
Please help centering website!!
Hello,
After researching and getting lost with so many different responses, I figured I'd ask myself to get the response I needed. I use Dreamweaver CS 5.5 and I am having a ton of trouble figuring out how to make it so my website is centered on all monitors and devices. Here is the current website: http://www.kyledake.com/
However, I am removing and adding a lot of stuff, so I thought now would be a good time to fix things. Here is the code of the homepage I am fixing up; after removing a lot fo the content. I apologize for posting all of it, I don't know specifially where to look. I use a lot of DIVs too, so if anyone has an alternate solution to get things on the site where I want them, please let me know:
<!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" />
<meta name="viewport" content="width=device-width" />
<title>Kyle Dake Official Website</title>
<style type="text/css">
#apDiv1 {
position:absolute;
left:247px;
top:16px;
width:1041px;
height:1336px;
z-index:1;
background-color: #FFFFFF;
#Menu {
font-family: arial;
</style>
<style type="text/css">
body,td,th {
font-family: Arial, Helvetica, sans-serif;
a:link {
color: #8A0404;
text-decoration: none;
a:visited {
text-decoration: none;
color: #8A0404;
a:hover {
text-decoration: none;
color: #000;
a:active {
text-decoration: none;
color: #000000;
text-align: center;
#apDiv5 strong {
font-size: 15px;
#apDiv16 {
position:absolute;
left:436px;
top:398px;
width:633px;
height:939px;
z-index:16;
background-image: url(background_content.png);
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
#apDiv17 {
position:absolute;
left:1290px;
top:-5px;
width:2392px;
height:1350px;
z-index:17;
background-color: #000000;
background-image: url(background.png);
#apDiv18 {
position:absolute;
left:-5px;
top:-5px;
width:251px;
height:1350px;
z-index:18;
background-color: #000000;
background-image: url(Background_1.png);
#apDiv19 {
position:absolute;
left:763px;
top:597px;
width:397px;
height:166px;
z-index:19;
body {
background-repeat: no-repeat;
background-color: #000;
</style>
<style type="text/css">
#apDiv4 {
position:absolute;
left:430px;
top:125px;
width:633px;
height:257px;
z-index:20;
</style>
<!-- Start VideoLightBox.com HEAD section -->
<link rel="stylesheet" href="dakevid_videolb/videolightbox.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="dakevid_videolb/overlay-minimal.css"/>
<script src="dakevid_videolb/jquery.js" type="text/javascript"></script>
<script src="dakevid_videolb/swfobject.js" type="text/javascript"></script>
<!-- End VideoLightBox.com HEAD section -->
<style type="text/css">
</style>
<link rel="stylesheet" type="text/css" href="banner_files/banner-rotator.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script type="text/javascript" src="banner_files/jquery.banner-rotator.min.js"></script>
<script type="text/javascript">
$(window).load(function() {
$("#JQBannerRotator1").fdBannerRotator({keyboardEnabled:true,frameShadowEnabled:true,slid eWidth:615,slideHeight:250,slideScaleMode:"none",slideTransition:{type:"fade",duration:300 ,easing:"easeOutQuad"},slideDuration:5000,slideAutoplay:true,slidePauseOnHover:true,timerP osition:"top",timerVisible:true,captionAnimationSpeed:500,captionAnimationEasing:"easeOutQ uad",controlDirectionEnbled:false,controlDirectionHide:true,controlPlayEnabled:false,navig ationEnabled:true,navigationPositionTop:235,navigationPositionMargin:15,navigationAlign:"r ight",navigationThumbEnabled:false,navigationThumbServerScipt:"",navigationThumbSearch:".j pg",navigationThumbReplace:"_thumb.jpg",navigationThumbWidth:150,navigationThumbHeight:65, navigationThumbAnimationSpeed:200,navigationThumbAnimationEasing:"easeOutQuad"});
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
<style type="text/css">
#apDiv24 {
position:absolute;
left:441px;
top:406px;
width:627px;
height:91px;
z-index:25;
text-align: center;
#apDiv16 p .twitter-timeline {
text-align: center;
#apDiv25 {
position:absolute;
left:435px;
top:1294px;
width:636px;
height:29px;
z-index:26;
font-size: 13px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
#apDiv26 {
position:absolute;
left:438px;
top:1276px;
width:633px;
height:23px;
z-index:27;
font-size: 13px;
text-align: center;
#apDiv26 a {
color: #000;
font-weight: bold;
#apDiv25 a {
color: #000;
#apDiv35 {
position:absolute;
left:437px;
top:1250px;
width:202px;
height:39px;
z-index:36;
a {
font-family: Arial, Helvetica, sans-serif;
#apDiv7 {
font-weight: normal;
font-size: 30px;
#apDiv8 {
position:absolute;
left:592px;
top:516px;
width:327px;
height:334px;
z-index:39;
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
#apDiv10 {
position:absolute;
left:599px;
top:806px;
width:107px;
height:36px;
z-index:41;
#apDiv11 {
position:absolute;
left:806px;
top:804px;
width:95px;
height:35px;
z-index:42;
</style>
</head><body onload="MM_preloadImages('facebook-button-1hover.png','twitter_1hover.png')">
<div id="apDiv1"><a href="index.html"><img src="Header.png" width="1041" height="92" vspace="15" border="0" /></a></div>
<div id="apDiv16">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div class="JQBannerRotator" id="apDiv4">
<div id="JQBannerRotator1" class="JQBannerRotator">
<div class="overlay"></div>
<ul class="data">
<li><a href="eiwahof.html"><img class="slide" src="banner_files/slides/eiwa.jpg" alt=" "/></a></li>
<li><a href="grandprix.html"><img class="slide" src="banner_files/slides/grandprix.jpg" alt=" "/></a></li>
<li><a href="USAvRussia.html"><img class="slide" src="banner_files/slides/RUSSIAMATCH.jpg" alt=" "/></a></li>
<li><a href="dakejoinscornell.html"><img class="slide" src="banner_files/slides/coaching.jpg" alt=" "/></a></li>
</ul>
</div>
</div>
<div id="apDiv24"><img src="Header2.png" width="338" height="93" align="middle" /></div>
<div id="apDiv25">All Rights Reserved <a href="http://x-celworldwide.com/index.html">X-Cel Worldwide 2013</a> | © Kyle Dake 2013 | This is the official Kyle Dake Website </div>
<div id="apDiv26">Site Design <a href="http://www.riccioproductions.com/" target="_new">Riccio Productions LLC</a></div>
<div id="apDiv35"><a href="http://www.ai-sport.com/" target="_new"><img src="ai_wrestling.png" width="205" height="43" border="0" /></a></div>
<div id="apDiv8"> Welcome to KyleDake.com, the official home to wrestling's most prominent young super-star, Kyle Dake. Here you will find everything related to Kyle, from news, photos, videos, merchandise, and more.Browse the site, and check out the new videos, photos, and merchandise. Also, stay updated on Kyle Dake wrestling events, news, and developments from speaking occasions, award receptions, and all other public appearances. Be sure to follow Kyle on Twitter and Like the Official Fan Page on Facebook! </div>
<div id="apDiv10"><a href="https://www.facebook.com/KyleDakeOfficial" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image19','','facebook-button-1hover.png',1)"><img src="facebook-button-1.png" name="Image19" width="81" height="33" border="0" id="Image19" /></a></div>
<div id="apDiv11"><a href="https://twitter.com/kyledake444" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image22','','twitter_1hover.png',1)"><img src="twitter_1.png" name="Image22" width="81" height="33" border="0" id="Image22" /></a></div></div>
</body>
</html>Sorry for the wait, had unexpected visitors.
Have a look at the following. It will give you an idea of a layout without the nasty AP-divs.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
html {
background: #000000; /* place background image here */
body {
width: 1041px;
margin: auto; /* keeps the page centered */
font-family: Arial, Helvetica, sans-serif;
a {
color: #8A0404;
text-decoration: none;
a:hover {
color: #000;
.header {
height: 92px;
background: url(Header.png);
.header .nav {
width: 450px;
float: right;
margin-top: 55px;
.header .nav span {
font-size: 12px;
font-weight: bold;
color: #8a0404;
margin-left: 25px;
.navbar {
background: #FFFFFF;
line-height: 35px;
padding: 10px;
.navbar .nav {
width: 50%;
float: left;
.navbar .hashtag {
text-align: right;
font-size: 30px;
color: #8a0404;
font-weight: bold;
.content {
background: #FFFFFF;
.aside {
width: 395px;
float: right;
color: #8a0404;
background: #FFFFFF;
.section.main {
background: #FFFFFF;
width: 646px;
float: left;
.article {
background: #FFFFFF url(background_content.png) repeat-y;
min-height: 889px;
padding: 15px;
.centertxt {
text-align: center;
.righttxt {
text-align: right;
padding-right: 15px;
img.center {
display: block;
margin: auto;
</style>
<link rel="stylesheet" href="dakevid_videolb/videolightbox.css" />
<link rel="stylesheet" href="dakevid_videolb/overlay-minimal.css"/>
<link rel="stylesheet" href="banner_files/banner-rotator.css" />
<body>
<div class="header">
<div class="nav">
<img src="twitter_birdhover.png" alt=""/>
<img src="fbhov.png" alt=""/>
<span>
<a href="index.html">Home</a> | <a href="about.html">About</a> | <a href="http://www.xcelonlinestore.com/collections/kyle-dake-official-merchandise" target="_new">Merchandise</a> | <a href="media.html">Media </a>| <a href="sponsors.html">Sponsors </a> | <a href="contact.php">Contact</a><span>
</div>
</div>
<div class="navbar">
<div class="nav">
<a href="index.html">Home</a> | <a href="news.html">News</a> |<a href="representation.html"> Representation</a> | <a href="events.html">Events</a>
</div>
<div class="hashtag">
<span>#Dakecountry</span>
</div>
</div>
<div class="content">
<div class="section main">
<div id="JQBannerRotator1" class="JQBannerRotator">
<div class="overlay"></div>
<ul class="data">
<li><a href="eiwahof.html"><img class="slide" src="banner_files/slides/eiwa.jpg" alt=" "/></a></li>
<li><a href="grandprix.html"><img class="slide" src="banner_files/slides/grandprix.jpg" alt=" "/></a></li>
<li><a href="USAvRussia.html"><img class="slide" src="banner_files/slides/RUSSIAMATCH.jpg" alt=" "/></a></li>
<li><a href="dakejoinscornell.html"><img class="slide" src="banner_files/slides/coaching.jpg" alt=" "/></a></li>
</ul>
</div>
<div class="article">
<h3>Article</h3>
<p>It is the star to every wand'ring bark, oh, no, it is an ever fixed mark within his bending sickle's compass come. But bears it out even to the edge of doom. Love's not time's fool, though rosy lips and cheeks I never writ, nor no man ever loved. That looks on tempests and is never shaken; or bends with the remover to remove. Within his bending sickle's compass come; admit impediments; love is not love let me not to the marriage of true minds.</p>
<p>But bears it out even to the edge of doom. If this be error and upon me proved, that looks on tempests and is never shaken. Admit impediments; love is not love or bends with the remover to remove.</p>
<p>Which alters when it alteration finds, love's not time's fool, though rosy lips and cheeks whose worth's unknown, although his height be taken. If this be error and upon me proved, oh, no, it is an ever fixed mark let me not to the marriage of true minds. Or bends with the remover to remove. But bears it out even to the edge of doom. That looks on tempests and is never shaken; love's not time's fool, though rosy lips and cheeks whose worth's unknown, although his height be taken.</p>
</div>
</div>
<div class="aside">
<img src="gear.jpg" alt=""/>
<img src="signed.png">
<img src="dakevid_videolb/thumbnails/0.png" alt=""/>
<div class="centertxt"><small>Kyle Dake Career Highlight - Official</small></div>
<p class="righttxt">View Full Video Gallery</p>
<img src="photostring.png" alt=""/>
<p class="righttxt">View Full Video Gallery</p>
<img src="cf2.png" alt="" class="center"/>
<img src="mil_tools.png" alt="" class="center" style="margin-top: -60px;"/>
</div>
</div>
</body>
</html>
As said, it is only the layout, I ran out of time. You will have to apply the finishing touches. -
Problem with centering website, please help
Hello
I designed a website in with my 17" laptop and it looks great on my computer. I used the elastic template with a header and sidebar that is installed in Dreamweaver CS4. However, it looks terrible on a normal desktop computer!! The container is off to the left side of the screen, when on my laptop it is nicely centered. I used the striped background image to frame it in but when its not centered right it doesn't look so hot. How can I fix this? I'm so fustrated!! I just want it to look the same on all monitors and be nicely centered.
Here is the website: www.flirtclothing.ca
Please help!!
Thank you
JennLooks fine to me in Chrome, IE 8, Firefox, Opera, and Safari (all on XP).
Beth -
Help with Dreamweaver centering website
Help please,
I have created my first website with Dreamweaver 8.02 and now
I need to center it into the center of the page. But I do not know
how. The web is 700wide x 500 high and the address is:
www.amandastraussdesigns.com Please help. I don’t know how to
fix this.
ThanksOf course !!
"Sleep deprived" maybe :)
Nadia
Adobe® Community Expert : Dreamweaver
Tutorials |SEO |Templates
http://www.DreamweaverResources.com
http://www.perrelink.com.au
CSS Tutorials for Dreamweaver
http://www.adobe.com/devnet/dreamweaver/css.html
"Murray *ACE*" <[email protected]> wrote
in message
news:[email protected]...
>> body {
>> text-align: left; /* I added this */
> -----------------^^^
>
> Should be text-align:center;
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
>
http://www.dreamweavermx-templates.com
- Template Triage!
>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
> ==================
>
>
> ": Nadia : **AdobeCommunityExpert**"
> <[email protected]> wrote
in message
> news:[email protected]...
>> You'll need to get into code view to fix this....
>>
>> Change the the body style you have now to:
>>
>> body {
>> text-align: left; /* I added this */
>> margin-left: 0px;
>> margin-top: 0px;
>> margin-right: 0px;
>> margin-bottom: 0px;
>> }
>>
>> Add a new div style just underneath the body styles:
>>
>> #outwrapper{
>> position: relative;
>> margin: auto auto;
>> width: 700px;
>> text-align:left;
>> }
>>
>> Then, just under this line:
>>
>> <body tracingsrc="image/colors.jpg"
tracingopacity="11">
>>
>> add
>>
>> <div id="outwrapper">
>>
>> just before this line (right at the bottom of the
code)
>>
>> </body>
>>
>> add this:
>>
>> </div> <!-- /wrapper div -->
>>
>> so your last 3 lines look like this:
>>
>> </div>
>> </body>
>> </html>
>>
>>
>> Your page should now be centered horizontally.
>>
>> --
>> Nadia
>> Adobe® Community Expert : Dreamweaver
>> -------------------------------------------------
>> Tutorials |SEO |Templates
>>
http://www.DreamweaverResources.com
>> -------------------------------------------------
>>
http://www.perrelink.com.au
>> -------------------------------------------------
>> CSS Tutorials for Dreamweaver
>>
http://www.adobe.com/devnet/dreamweaver/css.html
>> -------------------------------------------------
>>
>>
>>
>> "demhs" <[email protected]> wrote
in message
>> news:[email protected]...
>>>
>>> Help please,
>>>
>>> I have created my first website with Dreamweaver
8.02 and now I need to
>>> center
>>> it into the center of the page. But I do not
know how. The web is
>>> 700wide x 500
>>> high and the address is:
www.amandastraussdesigns.com Please help. I
>>> don?t know
>>> how to fix this.
>>>
>>> Thanks
>>>
>>>
>>
>>
>
> -
Centered Website Problems???
Can someone please tell me why everything is shifted to the
left on a PC but centered on my MAC when i look at this site that i
am creating? I want the logo and picture to be centered.
www.EclipseThem.com/beta
Thanks,
dbrentonIt's centered for me in Safari 3x (Mac and PC), IE6 and 7,
and FF2x (Mac and
PC). I'm only looking at the landing page - is that right?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"dbrenton13" <[email protected]> wrote in
message
news:g5o5fe$ao3$[email protected]..
> thanks nancy.
>
> I guess i am the only one that is seeing it left
aligned. hmmm...weird.
> i don't think its because of the scroll bar.
>
> I'd love to hear from a few more people.
>
> thanks for the responses.
> db
> -
Website is not centered in Mozilla Firefox
Hello,
Our website was designed by a developer with whom we no longer can get in touch with. We have a small issue and we just can not figure out how to resolve it so we are turning to you for assistance.
When you open our website http://nflalumnisouthflorida.org in Internet Explorer it is aligned properly in the center of the page, however when we open it in Mozilla Firefox it is displayed on the left side.
I am sure it is a simple oversight when it was originally developed, however we can not find the proper line in the code to correct this.
Please help.
Thank you in advance for your attention and assistance,
NFL Alumni South Florida Chapter TeamI have a related problem with weebly in Mozilla. The website itself is horizontally centered, but my menu (container) is not. Could someone help me? Thank you in advance !
<pre><nowiki>#nav-wrap .container {
clear: both;
overflow: hidden;
position: relative;
margin: 0 auto;
display: inline; /*allow the centering to work*/
#nav-wrap table {
display: inline; /*allow the centering to work*/
margin-left: 0 auto;
margin-right: 0 auto;
width: 100%;
margin-bottom: 0px;
margin-top: 15px;
#menu {
vertical-align: middle;
width: 100%;
text-align: center;
margin: 0;
#nav-wrap .container ul {
list-style: none;
display: inline;
#nav-wrap .container ul li {
list-style: none;
display: inline; /*allow the centering to work*/
margin-left: 10px;
margin-right: 10px;
#nav-wrap .container ul li a {
display: inline; /*allow the centering to work*/
font-family: 'Verdana';
color: #1379dc;
text-decoration: none;
padding: 5px 5px;
border: 0px;
list-style-type: none;
font-size: 16px;
#nav-wrap .container ul li#active a,
#nav-wrap .container ul li a:hover {
background: #de16a5;
font-family: 'Verdana';
color: #ffffff;
border: 0;
}</nowiki></pre> -
Website not centering! Code and Pic included.
I can't seem to center my website, please look at my code and tell me what I'm doing wrong, I just started coding today.
There is my code so far and here is the layout of what it's suppose to look like.
<!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>VisualizeControllers</title>
<style type="text/css">
.Container {
height: 1397px;
width: 1280px;
margin-right: auto;
margin-left: auto;
text-align: left;
body {
background-image: url(images/BG.jpg);
background-repeat: repeat;
#Logo {
position: absolute;
width: 115px;
height: 119px;
z-index: 1;
left: 34px;
top: 13px;
#VisualizeControllers {
position: absolute;
width: 200px;
height: 53px;
z-index: 2;
left: 158px;
top: 34px;
#Slogan {
position: absolute;
width: 200px;
height: 24px;
z-index: 3;
left: 173px;
top: 89px;
</style>
</head>
<body>
<div class="Container" id="Container">
<div id="Logo"><img src="images/Logo.jpg" width="114" height="115" title="" /></div>
<div id="VisualizeControllers"><img src="images/VisualizeControllers.jpg" width="407" height="51" /></div>
<div id="Slogan"><img src="images/Slogan.jpg" width="375" height="24" /></div>
</body>
</html>
http://gyazo.com/f13c7b9e07393061dd1ad20c3e38d06a
I can upload dimensions of all those pics in the picture if you ask. Please help me out and let me know. I'm a beginner. :/I just uploaded to 000webhost.com and used FTP FileZilla. That is my website so far and the problem is as you can see in this picture. I inspected the element in chrome and this is the picture. http://i46.tinypic.com/vhg64k.png and as you can see the "Container" is highlighted in blue and that is where I want my logo and everything to be in and for some reasons I can't seem to get it inside the container. I just realized that the container is centered and I got that margin on auto which is good, but why is the contents not in it? Any help with that?
-
Hello,
I've been trying to learn Fireworks for a few weeks now and
so far I'm enjoying the journey. However, the website I've created
seems left-justified, when I'd like it to be centered. I've tried
increasing the canvas size, reducing the image size, (which seems
to be the same as canvas) and have had no luck. What should I do to
center the website? You can see an example
here.
Thanks!quote:
Originally posted by:
Newsgroup User
Of course, using FW to write your HTML is a big mistake. All
of your HTML
work should be done in Dreamweaver.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"heathrowe" <[email protected]> wrote in
message
news:g0iv25$ngr$[email protected]..
> Center alignment is not available as an option, so you
will have to
> manually
> adjust this in the final html source code.
>
> Having looked at your page code, your quickest option is
to open that page
> in
> your favorite editor of choice and change
> <table border="0" cellpadding="0" cellspacing="0"
width="1074">
>
> to
>
> <table border="0" cellpadding="0" cellspacing="0"
width="1074"
> align="center'>
>
> h
>
Not everyone is on the same level of experitse as you :)
Yet alone have/use Dreamweaver.
h -
Hey im having a super hard time doing the easiest thing! I
just want my website centered. the code is below ive even made a
ccs style that should center it but i dont know how to let this
html know how to talk to the css style.
Also its 4.2 mb that seems kind of big or is that normal for
a portfolio website? The site is christianvonstackelberg.net I'd be
happy to send to source file. Thanks.For anyone who might chance upon needing this posting,
regrettably the proposed solution above does not nest the 'center'
tags correctly. It should be:
<body bgcolor="#ffffff">
<center>
</center>
</body>
</html> -
My website www.thegreatestmindsofourtime.com/downloadpagemain.htm
does not get centered when it displayed with Firefox.
But if I use internet explorer, it is centered as it supposed to be.I'm not seeing that style rule.
<pre><nowiki>.style54 {
background-color: #FFFFFF;
</nowiki></pre>
You can test it by pasting this bookmarklet code in the Scratchpad window and execute (run) the code via Ctrl+R<br />
<br />
<pre><nowiki>javascript:(function(){var doc=document,css=doc.createElement('LINK');css.rel='stylesheet';css.type='text/css';css.href='data:text/css,'+'.style54 {margin-left:auto; margin-right:auto;}';doc.documentElement.childNodes[0].appendChild(css);})();</nowiki></pre> -
Centering a table based website.
Hi,
I created a table based website. I want to center everything rather than it being left justified.
I am kinda new to dreamweaver. Here is a rough copy of the site.
http://test.taffyproductions.com/
thanks,
GaryYou need three things to center a page.
1) a valid document type
2) a width in pixels, % or ems
3) margin-left and margin-right set to auto.
Try this. Copy and paste this code into a new HTML document.
<!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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
body {width: 100%; background:silver}
#wrapper {
width: 900px; /**adjust width as needed**/
margin:0 auto; /**centers on screen**/
text-align: center; /**centers in older browsers**/
background: #FFF;
</style>
</head>
<body>
<div id="wrapper">
<p>Your content goes here</p>
<table width="100%" border="1" cellspacing="3" cellpadding="5">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<p>end of #wrapper</p>
</div>
</body>
</html>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com -
Centering a very wide Edge Website?
I'm trying to find a way to center a website built in Adobe Edge Animate, and having a heck of a time. I've tried virtually every code I've found for centering a website, without any luck so far.
I have a website that is 2000px wide. Its this wide so that it formats well on large screen resolutions with ease, however, I want it to look good for people that have resolutions below 1920x1080, however I can't find a way to do it. Here is the website as it right now
http://zsuttonphoto.com/Press.html
Obviously, I would like the horizontal scroll bar to be removed, and the center column to be centered in the screen, so that it looks like this--
http://i.imgur.com/AYR4bAe.jpg
Does anyone have any advice on how to do this?Hey Z
Here is a small sample (exclusive of any coding) jus to give you an idea. Also sample is minimal just to showcase.
Preview example in browser and resize.
Preview: http://www.heathrowe.com/edge/presskit/presskit.html
Download: http://www.heathrowe.com/edge/presskit/presskit.zip
Key points
- Stage w is set to 100%, to provide full independant with
- Anything else on the stage is contained in blocks (nested divs) for mangement and position puposes. Example top area elements is in a nested div called 'Top'; bio elements is nested in a div called 'bioArea' etc.
The key with the positioning is to make the nested div blocks % (in my case 100% w) w/h and relative to the Top/Left (%) of the Stage. Select thee 'Top' div group for example and observe the Position and Size properties in the Property Panel.
The next key is to position the elements within the nested div blocks relative to its own container. So the same principle applies -. in the case of the 'Top' div it has your header image, a fake logo to the left, and a fake tag line to the right, and a menu bar. These elements are nested in the 'Top' div so to make them relative in position - set the X/Y to % and ensure the upper left position marker is active. This tells Edge to 'lock' the relative position to the parent container (Top) to the upper left. Select the fake byLine element, set X/Y to % and ensure the upper right marker is active.
Then work your way down, for each element relative to the container its in.
Note I only used 2 images in the above example. You can make good use of the Edge div/text tool where possible to avoid over-use of images.
Its a quick example and some trial/error will be required. Just make sure to test each element position before moving along. Also as you scale down to say a mobile phone width, some 'resize' event handler will be required to hide some elements, change font size etc where desired or applicable.
hth
Darrell -
I am trying to make a flash website, very simple website, I
don't know coding or anything but I know enough to make a flash
website. One thing I really NEED that I can't seem to figure out
how to do is Make my flash website Always stay centered no matter
how big or small the user makes their browser window. And if they
change the browser window sie then the site adjusts and centers
itself.
Can Anyone help me out? It seems like a fairly simple thing
to do, I just can't seem to figure it out? Do I HAVE to use code or
can I click a setting somewhere? I never used code.
Thanks for your help.You can use a table HTML/XHTML center it and put your flash
object/file in it
or simply align the body tag "center".
To make your flash stage bigger/smaller depending on the
screen/browser window size,
use 100% for the width and the height of your embedded .swf
file. -
I have created a version of my website with muse for tablet but the home/index page is not centered (leave some space on the right ) when see it on my ipdad which is weird as the other pages are centered .Please help!
thanksSee my post here <http://forums.adobe.com/message/5410674#5410674>
-
Centering Flash Websites???
Hi people,
I've designed a website in flash but I don't know how to
center it horizontally as well as vertically. I know that if I ad a
<center> tag, that centers it horizontally only. Does anyone
know how to center it so that when you re-scale your browser, the
website remains centered horizontally and vertically?
The code at the moment is this:
<title>main</title>
</head>
<body bgcolor="#ffffff">
<!--url's used in the movie-->
<!--text used in the movie-->
<center>
<object
classid="clsid:d28cdb6e-ae6d-12cf-97b7-444772540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"
width="910" height="500" id="main" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="main.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="main.swf" quality="high" bgcolor="#ffffff"
width="910" height="500" name="main" align="middle"
allowScriptAccess="sameDomain" type="application/x-shockwave-flash"
pluginspage="
http://www.macromedia.com/go/getflashplayer"
/>
</object>
</center>
</body>
</html>
For an example to see what I mean look at
http://www.louisvuitton.com
Your help would be greatly appreciated,
Thanks.Well, first off you need to use updated code on your pages so
that IE on PC will show the site without having to have it
"enabled".
I would suggest using the
Express
Install Option listed on the Adobe web site.
After that, head over to
gotoAndLearn and check out
his tutorial on centering Flash sites. Just as an FYI, the way I
implement his cenetering technique on sites
like this one is by
putting the entire "site" inside a movieclip, and then having the
code center that movieclip.
Hope that helps!
Maybe you are looking for
-
Hello all Im running Windows 8.1 Pro. It has Hyper-V on it, I use it and ive been able to install alot of os on it vista, xp, linux, etc. I got an educational copy of windows server 2008 r2 with cd key. From MS dream spark when i try to install it on
-
Can I create a new itunes account for my kids and still keep old music on both?
My kids currently have ipod nanos. They are getting ipod touches for christmas. Originally we setup a "family" itunes account on my computer. We now want to set them up their own account on their own laptop. Can we transfer old music from nano to
-
Iphone recovery blue screen and error 4013
Been trying to recover my iPhone 5S which just started rebooting itself and freezing a few days ago. It has taken me 3 days to down load the update software from Apple site as the phone was on 7.1.1 Now in recovery mode and cant change it. I was gett
-
HT201317 How can I find a specific photo in Photo Stream?
How can I find a specific photo in Photo Stream?
-
Function module to calculate withholding taxes
Hi all, Can anyone please tell me if there is any function module to calculate withholding taxes? Thanks, Diogo LF Moreira