CSS Auto Width Adjust?
 

Need the assistance of those who are handy with html/css.

My site is in my signature. If you go there, you can see that there are two sidebars and then the photos in the center. What I'd like to do is remove the sidebars and allow the gallery images to span that entire area. I know how to remove the sidebars, but I can't figure out how to get the images to span across the entire area - but also readjust depending on screen size. For example, if on a 16:9 monitor there are 6 images per row, on a 4:3 monitor there needs to be only 5 so that one of the galleries isn't cut off on the side. I have a feeling this can be accomplished with "repeat: x;" somewhere, since I can do that with the banner, menu, and footer. I just don't know where exactly. I'd like the images to be centered and spaced evenly as well.

It's been a while since I've messed with CSS and HTML, and even then I wasn't too good at it before, so I'd appreciate the help.

Thanks,

~TT

try to set the width in percentages and not fixed values (<div style="width:100%">)

You mean something like this: http://madspiders.com/tittytweaker/


Nope, sorry, I wouldn't know how to do that.

;p

.

Thank you! I've been messing with it for a few days on a test theme I had up and couldn't quite figure it all out. I know just enough to work myself into a corner. :1orglaugh

I am not sure that it is the proper, best solution. I am not a css expert. btw, I wiped out the sidebar def in the style.css I used. It did not need to be wiped out. Did it by accident but didn't worry about it because I didn't need it. But if you grab the css I used you should be aware it is not there.

.

First, unless I'm looking at the wrong sidebar, I don't quite understand. I checked your style sheet and most of your sizes are fixed and in px sizes so, therefore, they shouldn't vary between monitor resolution. I even tested the home page on both an 18:10 and a 16:9 monitor with not change in display. Alas, I didn't read the style sheet in it's entirety, so I may have missed what you were regarding.
Second, if you do want you content to format and resize automatically, the only sure-fire way I am aware of would be through Javascript, but that can get pretty tricky if you are uneducated in the subject. You may be able to do it with CSS conditional statements, but that I am not as sure about(but hey, that's what google's for, right?)
and thirdly, I would like to say that you have a pretty awesome site. From what I saw in about two minutes, it appears heads and shoulders above the sites most members on here tout, design wise at least. Keep up the great work!

You mean something like this: madspiders.com/tittytweaker ???

No worries, thanks for the heads up!

Did you ever find a solution? I may have one for you but I noticed you no longer have any sidebars.

Yeah, I'm not sure but I think you may have misunderstood my initial question. My question never had anything to do with the sidebars, but the actual content on the page itself, the images/galleries. I've got it how I like it now though. Thanks for checking back in!

Oh, lol. My bad.

Hey Tittytweaker, our content would fit nice on your TGP check out mnscash.com for info. All 100% exlusive fresh content.

Thanks. I've been on the lookout for more content. I'm a huge fan of Lucy V and Mellisa Clarke, so I'm glad to see their sites are a part of your network. I look forward to registering.

Another question regarding this. If you guys look at my CSS file you will see my "homecontent" div has a left margin of 69px. Is there any way to do this so that I don't have to use a margin value on it and it just auto centers depending on the screen size?

Edit: I have the left value there so that it is centered on widescreen monitors, but on fullscreen monitors it's pushed over to the right, instead of just centering. Hope that's clearer.

change: .homecontent { width: 94%; margin: auto auto auto 69px; float:left; }

to: .homecontent { width: 94%; margin: 0px auto }

When I do that, it centers fine in a full screen monitor, but is shifted slightly to the left on a widescreen monitor. I think it has to do with the percentage value on .homeposts. It needs to be about 94% on a fullscreen monitor, but needs to be about 90% on a widescreen monitor. When I set the width to "auto" it shifts it all the way to the left. Any ideas?

sorry if that don't work im stuck for an answer. personally i would leave as is, it looks fine with the content to the left