Thread

Hey guys,

I’m having a load of problems in browsers above a width of 1024 px.

Resize your window to that and you should see how it should look.

Don’t know WHAT is going on…

http://jamierumbelow.net/jamie/

Can anyone help?

Just Tried it, i doesn’t even let my make my browser go any bigger than the 1024px even if I try.

Safari only looks right at what I would assume is 1024.  Both smaller and larger are screwed up.  A little too fluid 😉 .

Looked fine until that red stuff loaded.

Ok… try again. Switched all the font sizes to ems instead of pixels.

It still won’t let me enlarge it.

What browser are you using?

FF3

style.css:
(~line 51), change margin-top from 5% to 50px.
(~line 217), remove float: right.
(~line 282), remove margin-bottom: 30%. Add height: 200px; overflow:hidden
(~line 191), add clear:both.
(~line 224), change padding-top to 30px.
(~line 288), change margin-bottom to 200px.
(~line 267), change padding to: 135px 9% 80px.
(~line 66), overflow: hidden; height: 90px.

It’s not perfect, but it’s closer. Whenever you’re using images, you’re stuck with absolute widths/hieghts. Vertical %-based padding should be avoided in most situations, unless you really know what you’re doing. You can convert some of those px-based measurements into ems by dividing by about 17.5 and fine-tuning with firebug.

Thanks a load!

I’m just testing on BrowserShots.org

Thanks again!