[ 8 posts ]  Reply to topicPost new topic 
Author Message
 [us]
 Post subject: [HTML/CSS] Chrome anomaly?
PostPosted: Fri Jan 31, 2014 3:37 pm 
Always have Jason Voorhees in your sig
Member
[*]
[*]
[*]
[*]
[*]

So, I'm making a website. Working on a layout for the Register page at the moment. But, for some reason, this is happening (two pics):

Spoiler:


In Firefox, Safari, and Opera, it looks like the first image, but in IE7 (which idc about) and Chrome it looks like the second image. It surprised me about Chrome; it's actually my primary browser.

See, it actually looks fine until I put a <form> tag around it, then it does it. Even weirder, if I press the register button (which doesn't have any PHP functionality yet), then the page *loads fine*. It's like the fact of whether or not there is $_POST data is affecting my layout. Is this just a glitch in Chrome I can't hope to fix?

_________________
Image

Image Image
Bibby Team | MFGG3 Github
 
Top
Offline 
 User page at mfgg.net
 
 [us]
 Post subject: Re: [HTML/CSS] Chrome anomaly?
PostPosted: Fri Jan 31, 2014 4:08 pm 
User avatar
もう帰らない
Member
[*]
[*]
[*]
[*]
Probably just bad markup or a mistake in the style sheet. Hard to say without seeing it, though.

_________________
https://onpon4.github.io
 
Top
Offline 
 
 
 [us]
 Post subject: Re: [HTML/CSS] Chrome anomaly?
PostPosted: Fri Jan 31, 2014 4:15 pm 
Always have Jason Voorhees in your sig
Member
[*]
[*]
[*]
[*]
[*]

I'll post my code. The things you'll probably find most relevant are div.left-side and div.right-side, also perhaps div.body and div.fill since they're also inside the <form> tag.

(the form goes to "register" and not "register.php" but I'm using htaccess for that)

Spoiler:

_________________
Image

Image Image
Bibby Team | MFGG3 Github
 
Top
Offline 
 User page at mfgg.net
 
 [tw]
 Post subject: Re: [HTML/CSS] Chrome anomaly?
PostPosted: Fri Jan 31, 2014 5:45 pm 
福瑞退化者
Member
[*]
[*]
[*]
[*]
[*]

[*]
[*]
[*]
[*]
[*]

[*]
[*]
[*]
[*]
[*]

[*]
[*]
[*]
[*]
[*]

[*]
[*]
[*]
[*]
[*]

[*]
[*]
[*]
[*]
It looks like you have to manually set the margin, I see the margin class is automatically positioned (which can be troublesome depends on certain browser). As for the email box, try to mess around with margin-top and padding-top and see what happens.

_________________
 
Top
Offline 
 User page at mfgg.net
 
 [us]
 Post subject: Re: [HTML/CSS] Chrome anomaly?
PostPosted: Fri Jan 31, 2014 6:00 pm 
Always have Jason Voorhees in your sig
Member
[*]
[*]
[*]
[*]
[*]

I'm able to fix it, half of the time... but the other half it's up too high. It's strange, it's like the page is rendering inconsistently. I even made a script that compared the source of the page when it rendered correctly and when it rendered incorrectly, and they're identical.

_________________
Image

Image Image
Bibby Team | MFGG3 Github
 
Top
Offline 
 User page at mfgg.net
 
 [tw]
 Post subject: Re: [HTML/CSS] Chrome anomaly?
PostPosted: Fri Jan 31, 2014 6:20 pm 
福瑞退化者
Member
[*]
[*]
[*]
[*]
[*]

[*]
[*]
[*]
[*]
[*]

[*]
[*]
[*]
[*]
[*]

[*]
[*]
[*]
[*]
[*]

[*]
[*]
[*]
[*]
[*]

[*]
[*]
[*]
[*]
If it 1/2 work, try to modify the <div> with the class ".right-side". Add margin-top: 0px !important; to it and see what happens.

_________________
 
Top
Offline 
 User page at mfgg.net
 
 [us]
 Post subject: Re: [HTML/CSS] Chrome anomaly?
PostPosted: Fri Jan 31, 2014 6:27 pm 
Always have Jason Voorhees in your sig
Member
[*]
[*]
[*]
[*]
[*]

it still works only half the time; sometimes it will be right, and others way too high.

_________________
Image

Image Image
Bibby Team | MFGG3 Github
 
Top
Offline 
 User page at mfgg.net
 
 [au]
 Post subject: Re: [HTML/CSS] Chrome anomaly?
PostPosted: Thu Oct 19, 2017 6:09 pm 
User avatar
Not banned.
Member
[*]
[*]
[*]
[*]
[*]

[*]
[*]
[*]
[*]
[*]

[*]
[*]
[*]
[*]
[*]

[*]
[*]
[*]
I don't seem to have the same problem with Chrome? Copy+pasted all your code and it looks fine on my end.

Image

_________________
Image

Available for ANDROID and IOS
 
Top
Offline 
 User page at mfgg.net
 
« Previous topic | Next topic »
Display posts from previous:  Sort by  
 [ 8 posts ]  Reply to topicPost new topic 


Who is online

Users browsing this topic: No registered users and 1 guest


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum
Jump to:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group