Div Alignment problem

image alignment problem

Page 1 of 1

2 Replies - 1096 Views - Last Post: 15 September 2009 - 12:31 PM

#1 Sneblot   User is offline

  • D.I.C Regular

Reputation: 1
  • View blog
  • Posts: 341
  • Joined: 09-February 07

Div Alignment problem

Posted 15 September 2009 - 10:19 AM

On this ebay disription layout Im working on some how the images are not aligning properly with each other once I have inbedded another div inside to main part of the page as shown on the picture below.
Posted Image


<style>	
#main {
	background-image:url('http://www.explodingpixels.co.uk/images/myebay/body.jpg');
	background-repeat:repeat-y;
	width:auto;
	height:auto;
	}
	
#bottom {
	width:auto;
	height:auto;
	}

#header {
	height: auto;
	width: auto;	
	}
	
#info {
	width:auto;
	height: auto;
	background-color:#fbe2a9;
	}
	
#imagewrap{
	border-style: solid;
	border-color: #000000;
	height:auto;
	width:auto
}

#thumbnail {
	outline: 2.5px;
	outline-style: solid;
	outline-color: black;
	height:auto;
	width:auto;
}

h1	{
	position: relative;
	font-size: 18px;
	font-family: Verdana, Geneva, sans-serif;
	color: #000000;
	text-align:center;
	}
	
p{
	font-size: 14px;
	font-family: Verdana, Verdana, Geneva, sans-serif;
	text-align:center;
	}
</style>
<center>
<body>
<div id="header"><img src='http://www.explodingpixels.co.uk/images/myebay/header.jpg'></div></td>

<div id="main">car information</div>

<div id="bottom"><img src='http://www.explodingpixels.co.uk/images/myebay/footer.jpg'></div>

</body>
</center>


Has any one got any Ideas??

Is This A Good Question/Topic? 0
  • +

Replies To: Div Alignment problem

#2 tommyflint   User is offline

  • D.I.C Addict
  • member icon

Reputation: 34
  • View blog
  • Posts: 679
  • Joined: 24-July 08

Re: Div Alignment problem

Posted 15 September 2009 - 10:51 AM

If you change your #main ID to
#main {
	background-image:url('http://www.explodingpixels.co.uk/images/myebay/body.jpg');
	background-repeat:repeat-y;
	width: 790px;
	margin: 0px auto;
	}


then it should work

tommyflint

This post has been edited by tommyflint: 15 September 2009 - 10:52 AM

Was This Post Helpful? 0
  • +
  • -

#3 Sneblot   User is offline

  • D.I.C Regular

Reputation: 1
  • View blog
  • Posts: 341
  • Joined: 09-February 07

Re: Div Alignment problem

Posted 15 September 2009 - 12:31 PM

Cheers dude that really helped.

Sneb
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1