Evening,

Anyone help me out please?

 

I have a banner going right accross the top of the page its 100x1024 made up of one jpg background in a DIV and one jpg image in a seperate DIV, both are wrapped...

 

<div class="bannerwrap">  
<div class="bannerleft"></div>
 <div class="bannerright"><img src="images/bannerright.jpg" alt="styled banner " width="624" height="100" /></div></div>

 

I need the banner content to be centred but I can't get it to nudge...

 

the css:

 

.bannerwrap {

height: 100px;

width: 1024px;

 

}

.bannerleft {

float: left;

height: 100px;

width: 400px;

background-image: url(../images/logoyellow.jpg);

border-top: thick solid #202020;

}

.bannerright {

height: 100px;

width: 624px;

float: left;

border-top: thick solid #202020;

}

you could try adding margin:0 auto, although 1024 is pretty wide for most people's monitors or viewing habits. I would also question the semantics of your markup, but that wasn't your question so try...

 

.bannerwrap {
height: 100px;
width: 1024px;
   margin:0 auto;

}...

charlie run's to wiki to look up semantics!

 

Oh... yeah did the trick cheers...