Need help centering website

bgrablin · 10-18-2005

I'm new here, and I like how this forum handles noobs, so I figured I would ask you guys first.

I have made my website, but I want it to be centered, possibly with a slight drop shadow and a background texture. Pretty much just like biorust.com. I use all different kinds of programs to make the site, (GoLive, Frontpage, etc.) but I can't seem to find how to center it yet.

Any assistance would be greatly appreciated.

**Man1c M0g** · 10-18-2005

Well, the answer depends on how you define your pages. If you are using a table-based html layout, you need to use the <center> </center> tags, and place them either side of the main table definitions. i.e. like this:

HTML Code:

<center>
<table>
TABLE CONTENTS
</table>
</center>

I dunno quite how you would do this in a pure CSS layout, but I imagine the same tactic would work if you put centering around the DIVs (provided, of course, that you haven't set absolute positions for any of the graphics.

The dropshadow is rather harder i'm afraid. You'd be best to make it a graphical dropshadow, as CSS ones tend to have variable browser compatability.

ParaSnake · 10-18-2005

If you are using Frontpage,right click anywere on the page,select "page setup" then on the first 2 scroll down menu(i dont remember the name),you should try urself to se if theres a word "center",choose it and click OK.

GoldNetX · 10-18-2005

A nice and neat little way in CSS to do it would be to create a DIV tag named something like "container" that the entire website would be put inside. Then you can use this little peice of code in the CSS doc:

Code:

#container{
position:relative;
width:yourWidthpx;
height:yourHeightpx;
margin-left: auto;
margin-right: auto;
}

And as Mog said. The CSS dropshadow is a bit iffy. Better to make it part of the layout.

bgrablin · 10-18-2005

I am unfamiliar with CSS, and I went through Frontpage and couldn't find anything that would look like a page layout.

Is their an easy way for Adobe GoLive to do this?

Dannyisagoodboy · 10-31-2005

I also need help on centering a website i'm doing for a friends company.
I've really searched the web, and i just can't figure out why nothing works for my css (i think it is).
Well i'm really bad at html, so i made this site in an easy to learn program, coffeecup visual site designer.

could someone take a look at this html, and try to make the page be centered? (by adding/editing the text?)

HTML Code:

<HTML>
<HEAD>
<META NAME="KEYWORDS" CONTENT="">
<META NAME="DESCRIPTION" CONTENT="">
<META NAME="generator" CONTENT="CoffeeCup VisualSite Designer - www.coffeecup.com">
<!-- 
     The following Html Code was generated by CoffeeCup VisualSite Designer.
     Copyright 2003, Via-net ApS
     [url]http://www.via-net.dk[/url]
//-->
<STYLE TYPE="text/css">
.textstyle0 {font-family:Verdana;font-weight:bold;font-style:normal;font-size:8pt;text-decoration:normal;color:#ffffff;}
</STYLE>
<STYLE TYPE="text/css">
DIV.Object592 { position:absolute; top:0px; left:0px; z-index:0; }
DIV.Object593 { position:absolute; top:285px; left:531px; z-index:1; }
</STYLE>
</HEAD>
<BODY LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0  BGCOLOR="#ffffff" LINK="#0000ff" VLINK="#800080">
<DIV ID="BACKGROUND" STYLE="position:absolute; top:0px; left:0px; z-index:0;">
<TABLE WIDTH="740" HEIGHT="600" BGCOLOR="#ffffff" LINK="#0000ff" VLINK="#800080"  BORDER=0 CELLSPACING=0 CELLPADDING=0>
</BODY>
</HTML>

scrowler · 11-01-2005

try posting the entire code.

Dannyisagoodboy · 11-06-2005

HTML Code:

<!DOCTYPE HTML PUBLIC "-//WC3//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<HTML>

<HEAD>
<META NAME="KEYWORDS" CONTENT="">
<META NAME="DESCRIPTION" CONTENT="">
<META NAME="generator" CONTENT="CoffeeCup VisualSite Designer - www.coffeecup.com">

<!-- 
     The following Html Code was generated by CoffeeCup VisualSite Designer.
     Copyright 2003, Via-net ApS
     [url]http://www.via-net.dk[/url]
//-->
<TITLE> Välkommen </TITLE>

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
window.onerror = null;
manufacturer = navigator.appName;
versionnum = parseFloat(navigator.appVersion);
if (manufacturer.indexOf('Netscape') >= 0 && versionnum < 4.0)
location.href = 'My_Homepage_Files/error.html';
if (manufacturer.indexOf('Microsoft') >= 0 && versionnum < 4.0)
location.href = 'My_Homepage_Files/error.html';
//-->
</SCRIPT>

<STYLE TYPE="text/css">
.textstyle0 {font-family:Verdana;font-weight:bold;font-style:normal;font-size:8pt;text-decoration:normal;color:#ffffff;}
.textstyle1 {font-family:Verdana;font-weight:bold;font-style:normal;font-size:10pt;text-decoration:normal;color:#ffffb3;}
</STYLE>

<STYLE TYPE="text/css">
DIV.Object0 { position:absolute; top:0px; left:0px; z-index:0; }
DIV.Object1 { position:absolute; top:285px; left:531px; z-index:1; }
DIV.Object2 { position:absolute; top:116px; left:529px; z-index:2; }
DIV.Object3 { position:absolute; top:150px; left:529px; z-index:3; }
DIV.Object4 { position:absolute; top:182px; left:529px; z-index:4; }
DIV.Object5 { position:absolute; top:249px; left:529px; z-index:5; }
DIV.Object6 { position:absolute; top:216px; left:529px; z-index:6; }
DIV.Object7 { position:absolute; top:294px; left:569px; z-index:7; }
DIV.Object8 { position:absolute; top:409px; left:26px; z-index:8; }
DIV.Object9 { position:absolute; top:321px; left:513px; z-index:9; }
</STYLE>
</HEAD>

<BODY LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0  BGCOLOR="#ffffff" LINK="#0000ff" VLINK="#800080">

<DIV ID="BACKGROUND" STYLE="position:absolute; top:0px; left:0px; z-index:0;">
<TABLE WIDTH="740" HEIGHT="600" BGCOLOR="#ffffff" LINK="#0000ff" VLINK="#800080"  BORDER=0 CELLSPACING=0 CELLPADDING=0>
<TR>
<TD>
<br>
</TD>
</TR>
</TABLE>
</DIV>

<DIV class="Object0"><IMG SRC="My_Homepage_Files/IMG_0.jpg"  WIDTH=740 HEIGHT=600 BORDER=0></DIV>

<DIV class="Object1"><IMG SRC="My_Homepage_Files/IMG_1.jpg"  WIDTH=152 HEIGHT=1 BORDER=0></DIV>

<DIV class="Object2"><A HREF="default.htm" onMouseOver='img_mo0.src="My_Homepage_Files/IMG_3.jpg"' onMouseOut='img_mo0.src="My_Homepage_Files/IMG_2.jpg"'><IMG SRC="My_Homepage_Files/IMG_2.jpg" NAME="img_mo0" WIDTH=155 HEIGHT=24 BORDER=0 ALT="Main"></A></DIV>

<DIV class="Object3"><A HREF="My_Homepage_Files/Page2.html" onMouseOver='img_mo1.src="My_Homepage_Files/IMG_5.jpg"' onMouseOut='img_mo1.src="My_Homepage_Files/IMG_4.jpg"'><IMG SRC="My_Homepage_Files/IMG_4.jpg" NAME="img_mo1" WIDTH=155 HEIGHT=24 BORDER=0 ALT="Information"></A></DIV>

<DIV class="Object4"><A HREF="My_Homepage_Files/Page4.html" onMouseOver='img_mo2.src="My_Homepage_Files/IMG_7.jpg"' onMouseOut='img_mo2.src="My_Homepage_Files/IMG_6.jpg"'><IMG SRC="My_Homepage_Files/IMG_6.jpg" NAME="img_mo2" WIDTH=155 HEIGHT=24 BORDER=0 ALT="Product"></A></DIV>

<DIV class="Object5"><A HREF="My_Homepage_Files/Page3.html" onMouseOver='img_mo3.src="My_Homepage_Files/IMG_9.jpg"' onMouseOut='img_mo3.src="My_Homepage_Files/IMG_8.jpg"'><IMG SRC="My_Homepage_Files/IMG_8.jpg" NAME="img_mo3" WIDTH=155 HEIGHT=24 BORDER=0 ALT="Contact"></A></DIV>

<DIV class="Object6"><A HREF="My_Homepage_Files/Page1.html" onMouseOver='img_mo4.src="My_Homepage_Files/IMG_11.jpg"' onMouseOut='img_mo4.src="My_Homepage_Files/IMG_10.jpg"'><IMG SRC="My_Homepage_Files/IMG_10.jpg" NAME="img_mo4" WIDTH=155 HEIGHT=24 BORDER=0 ALT="Product"></A></DIV>

<DIV class="Object7"><TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=114 HEIGHT=39><TR><TD VALIGN="TOP" ALIGN="right"><DIV CLASS="text-align:right;margin-left:0px;text-indent:0px;"><SPAN CLASS="textstyle0">Website Designer<br>
Daniel Öhlund<br>
2005<br>
</SPAN></DIV></TD></TR></TABLE></DIV>

<DIV class="Object8"><TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=376 HEIGHT=176><TR><TD VALIGN="TOP" ALIGN="left"><DIV CLASS="text-align:left;margin-left:0px;text-indent:0px;"><SPAN CLASS="textstyle1">Boken är på 131 sidor spännande läsning, lätt att <br>
läsa och förstå. Det är en sann och verklig <br>
berättelse!<br>
Det handlar om Jindis fruktansvärt svåra liv i <br>
Thailand, från det att hon var en liten flicka tills hon <br>
som vuxen lämnade alla prövningar och kom till <br>
Sverige.<br>
Det är ett mirakel att hon överlevt alla dödsfaror <br>
och allt lidande! Och du får en vetskap om hur <br>
verkliga änglar är! För utan hennes skyddsängels <br>
ingripande hade hon aldrig levt nu idag. Han<br>
</SPAN></DIV></TD></TR></TABLE></DIV>

<DIV class="Object9"><TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=206 HEIGHT=240><TR><TD VALIGN="TOP" ALIGN="left"><DIV CLASS="text-align:left;margin-left:0px;text-indent:0px;"><br>
<SPAN CLASS="textstyle1">till och med hämtade henne <br>
ut ur en likbod efter att hon <br>
legat där i två dygn.<br>
Boken är skriven av hennes <br>
man, som vet alla <br>
händelser. Boken visar <br>
också på kampen mellan <br>
det goda och det onda som <br>
vi alla lever i. Och den<br>
verkliga osynliga världen, <br>
hur onda andar (demoner) <br>
arbetar, men framför allt så <br>
visar boken hur vi kan få <br>
seger över ondskans <br>
makter.<br>
</SPAN></DIV></TD></TR></TABLE></DIV>

</BODY>
</HTML>

scrowler · 11-07-2005

change:

Code:

<DIV ID="BACKGROUND" STYLE="position:absolute; top:0px; left:0px; z-index:0;">

to:

Code:

<DIV ID="BACKGROUND" STYLE="width: 740px; margin: auto">

masN · 11-08-2005

if ure a noob look after tutorials ... they help much ... (:

cu

Dannyisagoodboy · 11-08-2005

it doesn't seem to work, replacing that text...

nothing happens

=/

what should i do?