What's wrong with my div tag / site won't center....
Hi,
I am re-designing a website and I cannot get it to center. I created a div tag and id it "wrapper" and created a css rule. I am sure its a simple mistake, but I cannot figure it out.....
Here is the CSS rules...
@charset "UTF-8";
/* CSS Document */
div, h1, h2, h3, h4, h5, h6, p, pre, address, blockquote, span, ul, ol, li, dl, dd, dt, ing {
margin: 0px;
padding: 0px;
#wrapper{
margin: 0, auto;
background-color: #9B9E6B;
ul {
list-style: none;
table#content1{
background-color: #00C;
background-image: url(_images/content_bgrnd.png);
background-repeat: no-repeat;
font-family: "Arial Black", Gadget, sans-serif;
font-size: 20px;
text-align: center;
padding: 8px;
Here is the code for the site......
<!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>Kiahuna 104</title>
<script type="text/javascript">
<!--
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_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_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>
<link href="104.css" rel="stylesheet" type="text/css" />
</head>
<body onload="MM_preloadImages('_images/buttinside1.jpg','_images/buttproperty1.jpg','_images/b uttactivities1.jpg','_images/buttdining1.jpg','_images/buttcontacts1.jpg','_images/home_lg 1.png','_images/home_lg2.png','_images/home_lg3.png','_images/home_lg4.png','_images/home_ lg5.png','_images/home_lg6.png','_images/home_lg7.png','_images/home_lg8.png')">
<div id="wrapper">
<!--Header-->
<table id="header">
<div class="header"><img src="_images/newLOGO.jpg" alt="Kiahuna 104" width="1000"/>
</div>
<!--Navigation table-->
<table width="1000" bgcolor="000">
<tr>
<td width="40"> </td>
<td width="150"><a href="inside.htm"><img src="_images/butthome1.jpg" alt="home1" name="home1" id="home1" /></a></td>
<td width="150"><img src="_images/buttinside2.jpg" alt="inside2" name="inside2" id="inside2" onmouseover="MM_swapImage('inside2','','_images/buttinside1.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
<td width="150"><a href="property.htm"><img src="_images/buttproperty2.jpg" alt="property2" name="property2" id="property2" onmouseover="MM_swapImage('property2','','_images/buttproperty1.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
<td width="150"><a href="activities.htm"><img src="_images/buttactivities2.jpg" alt="activities2" name="act2" id="act2" onmouseover="MM_swapImage('act2','','_images/buttactivities1.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
<td width="150"><a href="dining.htm"><img src="_images/buttdining2.jpg" alt="dining2" name="dining2" id="dining2" onmouseover="MM_swapImage('dining2','','_images/buttdining1.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
<td width="150"><a href="contact.htm"><img src="_images/buttcontacts2.jpg" alt="contact2" name="contact2" id="contact2" onmouseover="MM_swapImage('contact2','','_images/buttcontacts1.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
</tr>
</table>
<!--Start of content1 table- height = 371-->
<table id="content1" table width="1000" height="371">
<tr>
<td width="34"> </td>
<td width="897"><p>blah blah blah.</p>
<p class="center2">NEW: IN-CONDO WASHER & DRYER - COMPLETELY NEW FURNITURE</p></td>
<td width="53"> </td>
</tr>
</table>
</body>
</html>
I tried to assign a width in both the page and CSS and it still doesn't center. Here is a link to the site and the CSS....
http://taffyproductions.com/test/
@charset "UTF-8";
/* CSS Document */
div, h1, h2, h3, h4, h5, h6, p, pre, address, blockquote, span, ul, ol, li, dl, dd, dt, ing {
margin: 0px;
padding: 0px;
#wrapper{
margin: 0, auto;
background-color: #000;
ul {
list-style: none;
table#content1{
background-color: #00C;
background-image: url(_images/content_bgrnd.png);
background-repeat: no-repeat;
font-size: 16px;
font-family: Papyrus, Arial, "Helvetica Bold", serif;
font-size: 22px;
text-align: center;
padding: 8px;
table#imagegallery{
background-image: url(_images/imageGallery_bckgrnd.png);
background-repeat: no-repeat;
#imagegallery a img{
padding: 0px;
margin: 2px;
border: 2px solid #000;
#imagegallery a:hover img {
border: 2px solid #C00;
table#footer{
background-image: url(_images/footer_bckgrnd.png);
background-repeat: no-repeat;
Similar Messages
-
What's wrong with old applet tag?
Hi there,
What is wrong with old <applet> tag? It will stop displaying java applet in the new browsers? What do we gain by using <embed>?
Thanks.
MikeThe applet element was deprecated in HTML 4.01 but still works. Continue to use it to display AWT applets in NE else if using SWING applets must to use EMBED. See Java documentation for details, in special the OBJECT tag chapter..better reading about HTML converter.
-
What's wrong with my flash tags?
I'm writing my own software to generate SWF files (very simple ones that just display a single image). The order the SWF entries are written in are:
SWF Header (the main file header)
Tags:
FileAttributes (required for version 8 or higher)
DefineBitsJPEG2 (contains JPEG format image)
PlaceObject2 (places it into Display List)
ShowFrame (displays to the screen everything in the DisplayList)
End (tag that ends the SWF file)
When I load the resulting SWF file into a web browser (or the standalone Flash viewer) what I find is that it just has a white screen. The image isn't being displayed. Is there something wrong with the order of the tags in my SWF file? I can't find any debugger software that will analyze the tags in the SWF file and tell me what's wrong with them.
Can anybody here help me with this?And, occasionally it will boot into open firmware.
Seems odd to me. All by itself? Did you press any keys?
I don't know what to do from here. I can still boot into os 8.6 with extensions off.
Most likely, you have a bad extension. They are in a folder called extensions What you need to do is create a new folder and move extensions to this folder. Move extensions to the folder in groups. try 1/2 first. Move back & forth between folders. See which extension is causing the problem. command + n to create a new folder
verify that you have the correct firmware.
Figuring out what level of firmware you have?
1) Mac OS 9.x or 8.x, you need to use the Apple System Profiler.
Apple -> Apple System Profiler
2) Mac OS X, use the System Profiler.
Apple -> About This Mac
click on the More Info... tab
click on Hardware
read the Boot ROM Version
3) Open Firmware, boot into Open Firmware.
Power on your iMac while holding down commandoption+of
The first output line contains the firmware level. Mine reads:
Apple PowerMac4,1 4.1.9f1 BootRom built on 09/14/01 at 13.18.04
Copyright 1994-2001 Apple Computer Inc.
The 4.1.9f1 will be different on a 333 machine.
What firmware do you need?
http://docs.info.apple.com/article.html?artnum=86117 -
What Is Wrong With The Apple Seminars site?
Hi,
When I first got iWork '08 I paid a visit to the Apple Seminars site and viewed a seminar on a company called Sustainable Harvest that showed how to use iWork and other Apple software to advantage. I tried to revisit that site a few days ago and then again today but no luck! When I click on the Register button I keep getting an error message that says: "An Internal Server Error Has Occurred." Anybody know what's wrong and what I can do to fix it?
Thanks,
WinstonI hate to ask this of you but could you please click on the link you provided me in your recent email, and then click on the link titled "Brand Your Business Better With Apple?" I would be interested to see if you get the same error message that I've been getting...
I've never sent you an e-mail - if you are talking about the apple link in my forum post I have no problem when I click on the "brand your Business Better with Apple" link which takes me Here. I get a nicely designed page inviting me to sign up for a seminar on iLife products
What are you wanting to accomplish?
LN -
I can't download Advance Video Fx. What's wrong with the product registration site/pa
Hey guys, anyone can tell me what's wrong? I'm using Creative Li've! Webcam. And i face problem downloading the Advance Video Fx. It's like when i click the link to register my product. My internet browser not running at all. It's like everything just stuck there and nothing pops out. I tried many times but still not working at all. By the way, i'm using IE 6.0. Please help me!!! THX...
Which link did you go to Is it this link?
http://www.creative.com/products/webcams/avfx/
I try using that link but it's working fine for me. Do you have any pop-up blocker software running? You can also try disabling the IE popup blocker(Tools->Internet Setting) if you have XP service pack 2 installed.
Jason -
I bought the CS6 Design Standard student and teacher edition over amazon. I activated the product on my adobe account and got a serial number. But when I install the package and enter the serial number I a message saying "We are unable to validate this serial number for Creative Suit 6 Design Standard. Please contact Customer Support."
Does anyone know what is up with this? I am sure that the problem isn't anything along the lines of making mistakes when typing in the serial (tried it multiple times, used copy paste to reduce chance of error). It's also not any problem with me lacking an internet connection adobe to validate the serial.Serial number questions can't be handled on the forums. You'll need to talk to Customer Support either by phone or web chat.
http://helpx.adobe.com/contact.html -
What's wrong with my AIR or Lion - won't wake up properly?
If I do a 'scracth and sniff' type of scratch with my trackpad, I can find the log-in box and log in. Otherwise I am stuck.
Any suggestions what might be causing this?Serial number questions can't be handled on the forums. You'll need to talk to Customer Support either by phone or web chat.
http://helpx.adobe.com/contact.html -
I get no errors compiling
import javax.swing.*;
import javax.swing.event.*;
import java.awt.*;
import java.awt.event.*;
//<applet code="ShapePainter.class" width=500 height=500"></applet>
public class ShapePainter extends JApplet implements ActionListener{
pane g;
//Shape Variables
static public int squareWidth = 40;
static public int squareHeight = 40;
static public int squareStartX = 1;
static public int squareStartY = 1;
//Buttons
JButton drawRects = new JButton("Draw Rectangle Background");
JButton drawSquares = new JButton("Draw Square Background");
public JButton black = new JButton("Black");
JButton blue = new JButton("Blue");
JButton cyan = new JButton("Cyan");
JButton darkGray = new JButton("Dark Gray");
JButton gray = new JButton("Gray");
JButton green = new JButton("Green");
JButton lightGray = new JButton("Light Gray");
JButton magenta = new JButton("Magenta");
JButton orange = new JButton("Orange");
JButton pink = new JButton("Pink");
JButton red = new JButton("Red");
JButton white = new JButton("White");
JButton yellow = new JButton("Yellow");
JButton black2 = new JButton("Black");
JButton blue2 = new JButton("Blue");
JButton cyan2 = new JButton("Cyan");
JButton darkGray2 = new JButton("Dark Gray");
JButton gray2 = new JButton("Gray");
JButton green2 = new JButton("Green");
JButton lightGray2 = new JButton("Light Gray");
JButton magenta2 = new JButton("Magenta");
JButton orange2 = new JButton("Orange");
JButton pink2 = new JButton("Pink");
JButton red2 = new JButton("Red");
JButton white2 = new JButton("White");
JButton yellow2 = new JButton("Yellow");
//Labels
JLabel backGroundTypes = new JLabel("Back Ground Types:");
JLabel colorOfBackgroundTypes = new JLabel("Color of BackgroundTypes:");
JLabel colorOfBackground = new JLabel("Color of Background:");
//intialize
public void init(){
Container contentPane = getContentPane();
g = new pane();
contentPane.add(g);
//add components.
g.add(backGroundTypes);
g.add(drawRects);
g.add(drawSquares);
g.add(colorOfBackgroundTypes);
g.add(black);
g.add(blue);
g.add(cyan);
g.add(darkGray);
g.add(gray);
g.add(green);
g.add(lightGray);
g.add(magenta);
g.add(orange);
g.add(pink);
g.add(red);
g.add(white);
g.add(yellow);
g.add(colorOfBackground);
g.add(black2);
g.add(blue2);
g.add(cyan2);
g.add(darkGray2);
g.add(gray2);
g.add(green2);
g.add(lightGray2);
g.add(magenta2);
g.add(orange2);
g.add(pink2);
g.add(red2);
g.add(white2);
g.add(yellow2);
drawRects.addActionListener(this);
drawSquares.addActionListener(this);
black.addActionListener(this);
blue.addActionListener(this);
cyan.addActionListener(this);
darkGray.addActionListener(this);
gray.addActionListener(this);
green.addActionListener(this);
lightGray.addActionListener(this);
magenta.addActionListener(this);
orange.addActionListener(this);
pink.addActionListener(this);
red.addActionListener(this);
white.addActionListener(this);
yellow.addActionListener(this);
//add ActionListeners
black2.addActionListener(new ActionListener(){
public void actionPerformed(ActionEvent event){
g.setBackground(Color.black);
blue2.addActionListener(new ActionListener(){
public void actionPerformed(ActionEvent event){
g.setBackground(Color.blue);
cyan2.addActionListener(new ActionListener(){
public void actionPerformed(ActionEvent event){
g.setBackground(Color.cyan);
darkGray2.addActionListener(new ActionListener(){
public void actionPerformed(ActionEvent event){
g.setBackground(Color.darkGray);
gray2.addActionListener(new ActionListener(){
public void actionPerformed(ActionEvent event){
g.setBackground(Color.gray);
green2.addActionListener(new ActionListener(){
public void actionPerformed(ActionEvent event){
g.setBackground(Color.green);
lightGray2.addActionListener(new ActionListener(){
public void actionPerformed(ActionEvent event){
g.setBackground(Color.lightGray);
magenta2.addActionListener(new ActionListener(){
public void actionPerformed(ActionEvent event){
g.setBackground(Color.magenta);
orange2.addActionListener(new ActionListener(){
public void actionPerformed(ActionEvent event){
g.setBackground(Color.orange);
pink2.addActionListener(new ActionListener(){
public void actionPerformed(ActionEvent event){
g.setBackground(Color.pink);
red2.addActionListener(new ActionListener(){
public void actionPerformed(ActionEvent event){
g.setBackground(Color.red);
white2.addActionListener(new ActionListener(){
public void actionPerformed(ActionEvent event){
g.setBackground(Color.white);
yellow2.addActionListener(new ActionListener(){
public void actionPerformed(ActionEvent event){
g.setBackground(Color.yellow);
public void actionPerformed(ActionEvent e){
if(e.getSource() == drawRects) {
for(int i = 0; i < 20; i++){
class drawR{
public int rectWidth = 50;
public int rectHeight = 100;
public int rectStartX = 1;
public int rectStartY = 1;
public void paint(Graphics r){
r.drawRect(rectStartX, 300, rectWidth, rectHeight);
rectStartX = rectStartX + 50;
rectStartY = rectStartY + 50;
class pane extends JPanel{
pane(){
think this is what you intended,
public void actionPerformed(ActionEvent e){
if(e.getSource() == drawRects) {
class drawR{
public int rectWidth = 50;
public int rectHeight = 100;
public int rectStartX = 1;
public int rectStartY = 1;
public void paint(Graphics r){
r.drawRect(rectStartX, 100, rectWidth, rectHeight);
rectStartX = rectStartX + 50;
rectStartY = rectStartY + 50;
drawR dr = new drawR();
for(int i = 0; i < 20; i++){
dr.paint( g.getGraphics() );
} -
Help: Added Transparency Div, now site won't center properly...
Good evening, i'm having some issues here on my bro's adult site i'm in charge of. In the "element div" is the instructions how the give the page a 50% transparency. The "content div" contains all my text/photos. For whatever reason that i cannott diagnos, my page is shifted to the left. the content fits over top of the element div so that the it doesn't dim that text.
In the screenshot provided, the site is so far pushed to left of the background image (1600 pixels) that you can't even see the 4th girl. My entire site is only 1100 px, so in theory, if centered properly, you should see a good amount of both of the end girls. The back bar is blocking out the obvious nudity. The 4th girl is so far out of the frame to the right, you can't even see her. Is my page just too wide. It seems that no matter what, the testers can still see the end of the bacground image on larger tvs used as monitors. So any advice on that would be cool as well.
Thanking you guys in advance for your asssitance.
-most of the relevan css below-
h1, h2, h3 {
margin: 0;
padding: 0;
font-weight: normal;
color: #FFF;
h1 {
font-size: 3em;
text-align: center;
padding-bottom: 10px;
font-weight: bold;
h2 {
font-size: 2.4em;
h3 {
font-size: 1.6em;
p, ul, ol {
margin-top: 0;
line-height: 180%;
ul, ol {
a {
text-decoration: none;
color: #4486C7;
#wrapper {
width: 1100px;
margin: 0px;
height: 750px;
position: fixed;
#element1 {
position: relative;
z-index: 1;
background-color: #000;
height: 1550px;
width: 1100px;
/**50% opacity**/
background: #000000;
/**for pre-IE8**/
filter: alpha(opacity=50);
/**for IE8 only**/
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/**for non-IE browsers**/
opacity: 0.5;
border: thin solid #999;
#content {
z-index: 2;
position: relative;
top: -1550px;
width: 1000px;
color: #FFF;
text-align: left;
margin: 0px auto;That code makes little sense to me - it's very messy. First, I would set the wrapper div to margin: 0 auto; to center it. Next, the background image would work best in the body tag with a background-position: center top;
And remove the fixed position on the wrapper. And the height. Work with the document flow, not against it. -
What is wrong with Safari? wont load
What is wrong with Safari, all my products won't load web pages. It's periodic with the Iphone 5, then the Ipad mini, and my Macbook air.. give us answers if you got them. Please
If none of your devices can browse the Web, the problem is in the network or in your router. Try restarting it.
-
When I try to send an email either new, or reply on my phone I receive a notification that recepient will not allow relaying. The email will then sit in my outbox. At some point it will send but it is hardly dependable. What is wrong with my settings?
The collum to the right listed similar problems. The solution appears to be that under smtp outgoing settings the user name and password are listed as optional. I have not plugged in the information and it seems to be working. However from my office it always allowed the relaying. The true test will be when I try to respond later from the road.
Thank you for your help. -
What is Wrong with My html-el:reset Tag?
In my JSP, I used <html-el:form ...>, <htim-el:checkbox ...>, <html-el:hidden ... >, <html-el:submit ... > without any problem.
But, I got Error 500:(class: org/apache/strutsel?taglib/html/ELResetTag, method: release signature: ?V) Illegal use of nonvirtual method call
when I used:
<html-el:reset accesskey="C">Clear</html-el:reset>And the reset button does not get displayed when I
<html-el:reset>Clear</html-el:reset>Would anybody point out what is wrong with the way I used the reset tag? Thank you.In my JSP, I used <html-el:form ...>, <htim-el:checkbox ...>, <html-el:hidden ... >, <html-el:submit ... > without any problem.
But, I got Error 500:(class: org/apache/strutsel?taglib/html/ELResetTag, method: release signature: ?V) Illegal use of nonvirtual method call
when I used:
<html-el:reset accesskey="C">Clear</html-el:reset>And the reset button does not get displayed when I
<html-el:reset>Clear</html-el:reset>Would anybody point out what is wrong with the way I used the reset tag? Thank you. -
What is wrong with my site that it is not like I've created?
what is wrong with my site that it is not like I've created? The button will automatically be bigger. http://www.tomisha.com/muse
-
Even now while visiting support.mozilla.com, I get an "Error Encountered" message from Symantec. I don't get this message from Safari.
Symantec suggests that I support the site to Symantec, but it is every web site I visit using Firefox.
What's wrong with Firefox? on the Mac?See:
*http://kb.mozillazine.org/Firefox_crashes
*https://support.mozilla.com/kb/Firefox+crashes
If you have submitted Breakpad crash reports then post the IDs of one or more Breakpad crash reports (bp-xxxxxxxx-xxxxxxxxx-xxxx-xxxxxxxxxxxx).<br />
You can find the IDs of the submitted crash reports on the <i>about:crashes</i> page.<br />
You can open the <b>about:crashes</b> page via the location bar, like you open a website.
See:
*http://kb.mozillazine.org/Breakpad (Mozilla Crash Reporter)
*https://support.mozilla.com/kb/Mozilla+Crash+Reporter -
What is wrong with the edit biling info screen. it cannot verify my address. i triple check my address info
and it is correct.Use the email form > Apple - Support - iTunes Store - Contact Us
Maybe you are looking for
-
How do I loop back from the first frame to the last frame?
Hi there, I'm currently working on the framework for a product viewer. I have: a movie clip called 'viewer_mc' which contains the images take from different angles of the product. The actionscript generates a script on the last frame of this that ret
-
How do I get The ipad locked to run only one application for customers (perhaps a webapp)
how do I get The ipad locked to run only one application for customers (just one web app, or video- instructions, or just safari). What I really want is that my customers to only use one app that has all my services. It is an interactive app so I wou
-
Once completed the form, is it possible to receive the confirmation e-mail with a link addressing to a html archive?
-
I can no longer send from my apple mail since icloud.
I have made a mess of things. I can no longer send from my apple mail since icloud. My outgoing mail remains offline no matter how I reconfigure it. How do you check your tls certificate? Is is me.com or mac.com? I am so frustrated.
-
Decode/Case in Where clause
Hello, We are experiencing an issue with a Select statement that uses Decode in the Where clause. Specifically, it seems to be ignoring a nested Decode and just returning the default value. We have another nested decode that works fine, though. A mem