Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!


Chrome Breaks my damn HTML!
New on LowEndTalk? Please Register and read our Community Rules.

All new Registrations are manually reviewed and approved, so a short delay after registration may occur before your account becomes active.

Chrome Breaks my damn HTML!

eastoncheastonch Member
edited January 2013 in General

So..

Working on a small HTML Site from college.
(Don't comment on how silly it looks, I know, I just don't have the time to design in my own time and code too. I'm restricted to useless software in college and can't work on it much at home because it's not using tools they provide blah blah.)

IE, what we have at college gives me this:

http://gyazo.com/90512628d54eef1466a7cf178254fdd4

Chrome however...:

http://gyazo.com/461774304efcf93d7752600d76bd3a23

So.. I don't know if chrome is handling CSS differently, because honestly, they're really hacky methods; left-floats and margin's just to align the way I wanted it to.

Anybody have any suggestions? Anything people know of in regards to chrome handling css differently?

Comments

  • BradNDBradND Member
    edited January 2013

    Code properly? :p

  • What Version of IE are you using at college? IE was partly rewritten from version 9 on upwards. So you should check your design with either IE9 or IE10.

  • lzplzp Member
    edited January 2013

    @BradND said: Code properly? :p

    I'm going to have to go along with BradND.

    I've never had issues like this using valid XHTML strict/transitional. Well, that's a bit of a lie. Chrome Jr (Firefox) has/had an issue that I had to write code specifically for, but it was a positioning fix and had nothing to do with basic size elements.

  • Using IE8, I'll have to check!

  • It's a bit difficult to tell you what's wrong without seeing the code...

  • @eastonch said: So..

    Working on a small HTML Site from college.

    (Don't comment on how silly it looks, I know, I just don't have the time to design in my own time and code too. I'm restricted to useless software in college and can't work on it much at home because it's not using tools they provide blah blah.)

    IE, what we have at college gives me this:

    http://gyazo.com/90512628d54eef1466a7cf178254fdd4

    Chrome however...:

    http://gyazo.com/461774304efcf93d7752600d76bd3a23

    So.. I don't know if chrome is handling CSS differently, because honestly, they're really hacky methods; left-floats and margin's just to align the way I wanted it to.

    Anybody have any suggestions? Anything people know of in regards to chrome handling css differently?

    Looks to be to be an issue with padding/margins and width/height properties. Some older browsers dont include margin/padding in the height/width and some newer browsers do (or it might be other way around i can't remember)

  • krokro Member

    Ffs validate.

Sign In or Register to comment.