CrazeD
Member
+368|7137|Maine
OK, first off, my site is www.pr0n.bioxion.com

I hand-coded all of it because it's more fun than using software (forums are the exception).

Here's the problem. Everything works fine on 1280X1024 resolution, but at 1024X768 resolution it squishes the site. The reason is because I used CSS and made it so the left block was 50px from the left side of the screen and the right block was 50px from the right side of the screen. The site is just over 1024px wide, so clearly it squishes the crap out of it.

My question is this: How can I fix this? It would be cool of the whole site down-sized on the smaller resolution, rather than just squishing it.

Any ideas?
Cheez
Herman is a warmaphrodite
+1,027|6903|King Of The Islands

Tables IN Divs?

Use just Divs and you'll have less problems. Trust me on this, I grew up learning Tables and swore by them, but they have their limitations. So get rid of Tables, unless you have a TABLE of data that requires one (like forums).

Make a Div container for the whole site that way you can set a width and the site will stick by it no matter the resolution, no more squished in lower, stretched in higher (1366x1024 here) stuff going on, more whitespace either side the bigger you go, BUT UNIFORM!.

Code:

.container {margin:0 auto}
will make it float in the centre

And check your cross-platforms, Firefox2 overlaps the Divs on each other and IE6.. You don't wanna know.

Other than that it looks hawt. I admire your graphics skillz. Notepad+Paint for me

And no doubt I'll get shot down by the Div pros. I'm still learning too!
My state was founded by Batman. Your opinion is invalid.
CrazeD
Member
+368|7137|Maine
Actually I didn't make the graphics...I copied them from the forum template that I got, lol. I did all the coding though.

The problem is I have to use tables otherwise I can't get my template to look like that. The template is like 8 different images, and they have to be all aligned.

I did use divs, but I didn't do it all as one. I have each block, the banner, and the center content on its own div tag.

Board footer

Privacy Policy - © 2025 Jeff Minard