First Photoshop Layout, Help with CSS...

DDRtists

ɹoʇɐɹǝpoɯ ɹǝdns
Reaction score
415
Well I've been venturing into making layouts with CS5, and so far so good on that end of things. However the problem I'm having is with the CSS. The site is rendered as I wanted it to exactly in FireFox, IE breaks a bunch of stuff, and a couple barely noticeable ones in Safari and Chrome. However the w3 validater is telling me it's fine code wise, and I've tried for awhile to get it to work out with no luck. I'm stumped, I've not got this far into it before, so I need some help.

http://socalminecraft.com

Any help or links on information on getting it to look the same through all browsers would be awesome. Thanks :)

EDIT: It appears to have something to do with the links, as if you hover over one of the links in the News box, the whole layout shifts to normal. The hell... :|
 

UndeadDragon

Super Moderator
Reaction score
447
Just tested the site in Chrome, Firefox, IE9 and IE6 and I didn't notice too much difference o_O

For the problem with the text in the news box, it looks as if you are increasing the font-size using :hover. However, I am not 100% sure why this would adjust the content position for the other content area.

What other problems have you found, which I haven't been able to find? :p
 

DDRtists

ɹoʇɐɹǝpoɯ ɹǝdns
Reaction score
415
Well I took out the hover code, and thats when I realized...
It seems the problem(s) I'm getting were from my resolution on my computer. I ctrl+scroll wheel'ed in IE and it looks normal when set to the correct size. It only really happens in IE, but none the less, it seems to be a resolution problem with IE. Some zoom levels it works, some it tweaks it bad...

Is this normal or is there something I'm doing wrong? :(
 

UndeadDragon

Super Moderator
Reaction score
447
Hm... It's weird, but I'm still not getting any problems with any of my browsers (IE6, IE9, Chrome and Firefox), even when zooming in etc.

One thing that may make Internet Explorer behave unusually is that you use tables for everything. It is highly recommended to not use tables anymore, just because of inconsistencies between browsers (and Internet Explorer is a big offender).

It's a pain to try and debug something that doesn't happen for me :p

EDIT: Just tried again and got a few layout problems (few pixels out) and to me it definitely looks like a table problem.
 

DDRtists

ɹoʇɐɹǝpoɯ ɹǝdns
Reaction score
415
Yeeee, well I'm going to mess around with Adobe Fireworks rather than Photoshop, I'm reading that it has a lot better web-capabilities than photoshop does. Thats how PS exports the whole thing, and you have to export it after each edit, so it's a pain to make changes to.
 
General chit-chat
Help Users
  • No one is chatting at the moment.
  • tom_mai78101 tom_mai78101:
    As for Github, I often frequent there, boasting about my genetic algorithm for tools-assisted speedrunning and such. I'm also pretty active on Discord, with my tag @asperatology.
  • tom_mai78101 tom_mai78101:
    Yeah, the whole earthquake + air pollution combo made me completely forget about bringing updates. I'll be sure to keep on top of things after all things are less requiring my attentions.
    +2
  • The Helper The Helper:
    I am just glad that you are OK Tom! Thank you for the update!
  • Varine Varine:
    Glad to hear you're okay! I only knew about your Github cuz I tried to follow some of you when I was learning how to program, but didn't understand any of it so kind of quit paying attention to what anyone does on it
  • The Helper The Helper:
    Freaking storm outside is kicking!
  • Blackveiled Blackveiled:
    I wouldn't know, I'm in Joliet, Illinois right now working. I left Houston area about 2 weeks ago lol
  • Blackveiled Blackveiled:
    Not permanently of course, just a temporary job.
    +1
  • jonas jonas:
    Glad you're ok @tom_mai78101
  • jonas jonas:
    @Blackveiled you know another word for permanent? temporary
    +1
  • Varine Varine:
    Briefly, he'll only be there for the interim. Like a stopgap of sorts, he'll be back home in short time
  • O Old Mountain Shadow:
    Hurray! Tom has reappeared!
  • The Helper The Helper:
    Happy Thursday!
  • Blackveiled Blackveiled:
    Yep. Just another fun night at work.
  • Varine Varine:
    Broke the nozzle on my 3d printer and I don't have another heater block. So... I guess I'm fucked on that this weekend
  • The Helper The Helper:
    that sucks i bet they are expensive
  • Varine Varine:
    Not really
  • Varine Varine:
    The entire hot end is like 20 dollars, I just can't get anymore until next week
  • Varine Varine:
    I ordered like five blocks for 15 dollars. They're just little aluminum blocks with holes drilled into them
  • Varine Varine:
    They are pretty much disposable. I have shitty nozzles though, and I don't think these were designed for how hot I've run them
  • Varine Varine:
    I tried to extract it but the thing is pretty stuck. Idk what else I can use this for
  • Varine Varine:
    I'll throw it into my scrap stuff box, I'm sure can be used for something
  • Varine Varine:
    I have spare parts for like, everything BUT that block lol. Oh well, I'll print this shit next week I guess. Hopefully it fits

      The Helper Discord

      Members online

      No members online now.

      Affiliates

      Hive Workshop NUON Dome World Editor Tutorials

      Network Sponsors

      Apex Steel Pipe - Buys and sells Steel Pipe.
      Top