• Locked
4 replies [Last post]
Thu, 2013-02-21 18:08
wonderland
wonderland's picture
Offline
Regular
Seattle
Last seen: 7 years 29 weeks ago
Seattle
Timezone: GMT-8
Joined: 2010-10-19
Posts: 20
Points: 28

Here's the page/site:

architecturalvisualisation3d.co.uk/

I have a large div called #bannner which houses #logobox and #slider_wrap.

As you can see, slider wrap is flush with the bottom of logobox and I need them to overlap. I've tried messing around with position/z-index but this is an issue I've tried to tackle many times before and it's beaten me ever time.

Any ideas??

Top
Tags:
Thu, 2013-02-21 19:20
#1
gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 2 years 13 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

How long is a string?

You didn't say how much overlap, so I used #slider_wrap{margin-top: -230px;} which seems like a nice number.

Gawd! I hate underscores. What's wrong with hyphens? Puzzled

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Top
Thu, 2013-02-21 20:27
#2
wonderland
wonderland's picture
Offline
Regular
Seattle
Last seen: 7 years 29 weeks ago
Seattle
Timezone: GMT-8
Joined: 2010-10-19
Posts: 20
Points: 28

Ah, genius. Thank you kindly

Ah, genius. Thank you kindly Smile

Say, worth a try while we're here. Perhaps you might be able to help? That same div has a little pocket of about 23 pixels to its left that won't go away. Here's the code for the wraper and the slide show inside it:

#slider_wrap {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 493px;
	background-image:url('http://www.architecturalvisualisation3d.co.uk/wp-content/themes/siw-archviz/images/ui_slider-bg_974x491.png');
	background-repeat:no-repeat;
	background-position:center top;
	margin-top: -200px;
}
 
#slider {
	left:0px;
	top:0px;
	width: 1000px;
	height: 450px;
	margin-top: 0px;
  	margin-right: 0px;
  	margin-bottom: 0px;
  	margin-left: 0px;
  	padding-top: 0px;
  	padding-right: 0px;
  	padding-bottom: 0px;
  	padding-left: -10px;
}

Just can't get rid of it!

Thanks again.

Top
Thu, 2013-02-21 20:38
#3
gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 2 years 13 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Are you talking about this?

Are you talking about this? 

.slides {
    margin-left: 20px;
    width: 696px;
    }
I don't see any reason at all for that container, much less for the style rules. I'd delete both rules.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Top
Thu, 2013-02-21 20:50
#4
wonderland
wonderland's picture
Offline
Regular
Seattle
Last seen: 7 years 29 weeks ago
Seattle
Timezone: GMT-8
Joined: 2010-10-19
Posts: 20
Points: 28

Ah yes! Duly deleted. Thanks

Ah yes! Duly deleted.

Thanks a bunch for that. Today's been one of those hair-tearing days.

Top
  • Locked