Div Adjusting

I want to prevent the

class: sidebar

from effecting the

id: sidebar

which can be seen here. I want to reside the

class: sidebar

larger then what it is and position it :slight_smile:

I don’t understand wat the question is :slight_smile:

In the link you posted there is a #bg_sidebar and a #sidebar only…no .sidebar :slight_smile:

Ryan, i think the OP means the .bg_sidebar instead of .sidebar. But even then i don’t understand the question either: preventing bg_sidebar to effect #sidebar but in which way? And position it to where?

Validate your page, HTML and CSS because I am seeing missing quotes on some class names and other invalid HTML :).

You’ve mentioned in other posts that you’re working from a Photoshop mockup. Making the mockup available for viewing will help with this and other problems as it’ll show what you’re aiming for.

I want the class: bg_sidebar not to effect the id: sidebar. If I set a width and height for the class: bg_sidebar it ends up scaling the id: sidebar which I don’t want because I want to make the class: sidebar just a background image.

Sounds a bit like your doing something odd?

If you dont want the id: sidebar to scale then set a height/width in the css and overflow: hidden. That should stop the class sidebar pushing the id sidebar down/accross.

Although if your just adding a background image you could just apply it to sidebar id? Also you have set the sidebar class height and width but not the sidebar id height?

If you have a jpg of what your trying to do that would be ideal as I think you might be making things harder on yourself with your html / css! :slight_smile:

In the link you provided, the class has a background color set on it, a width and a height. If you don’t want the div to be effected by the dimensions, just remove the width and height from the class. Is that what you want?

^^ that as well, but then your background-image would only show when you put content inside sidebar-div so it depends what you want it to do?

Correct but i was working with his code so don’t know if he wants a background-image or color… and so we’re back to the beginning it seems :wink: :smiley:

You could set a min-height to have it at least the background images height, and if it has enough content it wil expand to suite :slight_smile:

Let’s just wait until we get the definitive word from the OP :wink:

We can still offer stuff so when he comes back he won’t have to wait for an answer :slight_smile:

I agree … i love solving puzzles and riddles :rofl:

My ID Sidebar is now moving when I adjust the position of the class sidebar, which I don’t want to happen I want the original position of the ID side bar to stay where it is for now and only position the class sidebar but when I position the class:sidebar so moves the ID:sidebar

The link can be found in message #1

Hi, I’m not following you. If I increase the top margin of “.bg_sidebar” to change its’ position, I don’t see the sidebar moving.

Which property do you want us to change around with to see what you are seeing? Nothing I’m doing to .bg_sidebar is moving the #sidebar

can you provide an image of what you are trying to achive?

Its hard to advise as everything you are telling the class bg_sidebar and the id sidebar in the css is happening? you have set a margin top to both class bg_sidebar and id sidebar?

The main thing that will cause an issue is that id sidebar is floated right which usually causes an issue in the ie’s. To fix that the right floated item must come before the left floated element in your html. Either that or just float it left as well.

Sorry to telll you but the direction of the float has nothing to do with IE bugs (except the double float margin bug, which isn’t happening here) :slight_smile:

Ive had many a bug with float right, its pretty subtle but can really throw a spanner in the works if your going pixel detail.

If you could show me an example I’ll believe you :). IE has issues with an inline element (not floated) coming before a float (FF/good browsers will show the inline and then float on the same line, but Ie needs a float to be first), but there is nothing buggy about the direction of a float.

Put up or shut up I always like to say lol :slight_smile: (not to be rude)