Delblanco10 / RobLSnyder

WebDevClass Project
0 stars 0 forks source link

Content well spacing on wide screens #14

Open greglinch opened 10 years ago

greglinch commented 10 years ago

Similar to the header image issue. In this case, it's too much space between content well and sidebar. Content should stay closer to the sidebar.

screen shot 2013-07-25 at 9 10 36 pm

Delblanco10 commented 10 years ago

I worked on that for hours. I have the coding to control the size of the content, content background, and sidebar. The problem is I think the photos won't get much bigger. The only thing I can think of is to decrease the size of the entire site. I tested it and everything gets closer and looks better, but I have that black background that I don't like too much. For now, however, that's the only option I think I have.

greglinch commented 10 years ago

It's not so much a sizing issue as it is about how the site scales up and down. The photos shouldn't get bigger than this, but they probably should stay closer to the sidebar. Thus, the space outside the content well + sidebar gets bigger -- but not between the two.

Not a big issue, but just something I wanted to point out.

Delblanco10 commented 10 years ago

I just decreased the size of the site background, and I think it looks more like what you were suggesting.

greglinch commented 10 years ago

Using absolutely sizing isn't going to help. Try dragging your browser window bigger and smaller. You'll see how the content well maintains the same distance to sidebar until a a certain size at which the distance gets larger.

This is built into TwentyTwelve. Try it with the class site:

http://webdevclass.greglinch.com/

Delblanco10 commented 10 years ago

It doesn't look like the content background is getting a larger separation. It looks like the content is actually getting farther away at some point. The background is staying proportional, though. Look at the placement of the thumbnails. They seem to be doing the same thing our site does. I'm also on a laptop, so I'm only getting it so big.

Delblanco10 commented 10 years ago

We were on two different pages also. Go to the individual post page. It's easier to see what I'm referring to, because it has thumbnails below the image. The category page content all floats left.

greglinch commented 10 years ago

Right, it getting further away. I was looking at the individual pages. Either way, not a huge thing -- just something to be aware of and consider.

Delblanco10 commented 10 years ago

I just saw this when I was at work Friday. I was showing someone my site, and they had a big screen. I'd like to figure out how to fix it.

greglinch commented 10 years ago

Try looking at how the default theme CSS handles those areas resizing:

http://webdevclass.greglinch.com/