Question:

Help with simple HTML and CSS

by | earlier

How do I align to center this box border However you want to put it

<html>

<title>title</title>

<head>

<style>

body{

background:#080707 url(back_ground.gif) repeat-x top;

}

.poll {

background:#000000 url(Pollgrad.gif) repeat-x top left;width:790px;color:white;padding:5px... solid grey;

}

width: 100%;

height: 1px;

font-size: 1px;

color:white;

}

</style>

</head>

<body>

<div style="border:1px solid #2c2c2c;background:#2c2c2c; padding:5px;width:800px;align=right">

<div class="poll">

poll <hr>

<div style="text-align:center"> poll data

</div>

</body>

</html>

Tags:

Report

Answer The Question I've Same Question Too

Follow Question

3 ANSWERS

Sort By: Date | Rating

Im also not sure what you mean but try putting

<center>

CODE HERE

</center>

Not sure if that's what you mean though.
Report (0) (0) | earlier
Not exactly sure what you are getting at here. This piece of code:

<div style="border:1px solid #2c2c2c;background:#2c2c2c; padding:5px;width:800px;align=right">

<div class="poll">

poll <hr>

<div style="text-align:center"> poll data

</div>

Needs an end tag for the upper level div. I suggest trying:

<div style="text-align:center;margin:0px auto">

for the second div.

Excellent point by I8AShroom about ther doctype declaration. I learned that the hard way several months ago. Without a doctype declaration my CSS wasn't behaving correctly.
Report (0) (0) | earlier
Assuming you want to center the first div add left and right margin of auto. You'll of course want to close the div as the other responder said and you'll want to fix or remove "align=right" from the style as that's not the correct syntax. You should also have a proper doctype declaration otherwise you're just forcing your pages into quirks mode which makes designing sites much more difficult.
Report (0) (0) | earlier