Div Adjusting

[SiberianHuskey]

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

[RyanReese]

I don't understand wat the question is

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

[Luki_be]

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?

[RyanReese]

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

[Victorinox]

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.

[SiberianHuskey]

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.

[phillip_davies]

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!

[Luki_be]

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.

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?

[phillip_davies]

^^ 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?

[Luki_be]

^^ 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

[RyanReese]

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

[Luki_be]

Let's just wait until we get the definitive word from the OP

[RyanReese]

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

[Luki_be]

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

I agree ... i love solving puzzles and riddles

[SiberianHuskey]

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

[RyanReese]

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

[phillip_davies]

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.

[RyanReese]

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)

[phillip_davies]

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.

[RyanReese]

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 (not to be rude)

[phillip_davies]

I dont think I have any specific examples to hand, but trust me float: right has caused me a few hours of head scratching in the past! Anywho like you say its probably not the issue with this perticular problem as form a quick browser check it seems to render the same across ie 6/7/8 ff etc

[SiberianHuskey]

Look at the page.
Changed the Class:bg_sidebar MARGIN-TOP: 0px
now add 50px to that you'll see the ID:BG_sidebar moving but I don't want it to move I want it to stay in the original position (for now) that it was when that rule was set to 0px

[RyanReese]

I dont think I have any specific examples to hand, but trust me float: right has caused me a few hours of head scratching in the past! Anywho like you say its probably not the issue with this perticular problem as form a quick browser check it seems to render the same across ie 6/7/8 ff etc

Well until I see something to back it up please forgive me for being a skeptical person

Look at the page.
Changed the Class:bg_sidebar MARGIN-TOP: 0px
now add 50px to that you'll see the ID:BG_sidebar moving but I don't want it to move I want it to stay in the original position (for now) that it was when that rule was set to 0px

I set .bg_sidebars margin-top to 0. Then I increased it to 50px..it wasn't moving.

Setup 2 different pages showing the move. Aka use the same code but do wahtever change you do to show them in a differnet place. Do test1.html and test2.html for example

[Stomme poes]

I vaguely remember issues with right floats but that was long ago when I was first starting... it's likely something that I learned to code around and never see it much any more (I do still run into it when I'm doing weird box positioning such as in my horizontal site. Float right is definitely a nono in IE on those!!)


I've read this whole thread and I can't make heads or tails of what's going on. : (

[RyanReese]

I vaguely remember issues with right floats but that was long ago when I was first starting... it's likely something that I learned to code around and never see it much any more (I do still run into it

I'm still waiting for examples of these