ZFGC

Resources => Coding => Topic started by: Ryuza on February 18, 2011, 04:27:14 pm

Title: Anyone good at html?
Post by: Ryuza on February 18, 2011, 04:27:14 pm: Hey all, I've been working on a site recently and I ran into a bit of trouble, the site is up and working fine but when I open it firefox and try to make the window thinner it sorta freaks out, it does something similar if you open it in any browser and shrink the window. I'm not entirely sure why it's doing it though and was curious if anyone might be able to help, heres the site:
http://rgc2.overfold.net/index.html

here is what it's doing in Firefox:
(http://img683.imageshack.us/img683/4384/65086583.png)
Title: Re: Anyone good at html?
Post by: Colbydude on February 18, 2011, 05:15:45 pm: The easiest way I can think of is to make sure all your coding is valid by running it through http://validator.w3.org/ That generally helps, or will narrow it down as to why it could be displaying differently on different browsers. Be sure to validate your CSS as well. http://jigsaw.w3.org/css-validator/

EDIT: Actually I just remembered there's a site that renders screenshots of a specified url on several different browsers. http://browsershots.org/
Title: Re: Anyone good at html?
Post by: Xiphirx on February 18, 2011, 06:31:21 pm: Can you describe the problem more? :/ Screenshot perhaps? In Chrome, if it's too thin, the main content is shoved under the menu.
Title: Re: Anyone good at html?
Post by: Ryuza on February 18, 2011, 06:54:27 pm: It's a bit hard to describe, I added a screen of what it does in firefox to the first post, the fact that it pushes the main content down when you make the window thinner isn't too much of a problem I guess, I'm mostly worried about it acting up in firefox.
Title: Re: Anyone good at html?
Post by: Source on February 18, 2011, 08:12:48 pm: I'm using Firefox and it looks just fine on my end.
Title: Re: Anyone good at html?
Post by: Nabeshin on February 18, 2011, 10:34:04 pm: I get this going on in Opera, maximized window, on standard netbook resolution.
Title: Re: Anyone good at html?
Post by: Sterlin254 on February 22, 2011, 04:09:57 pm: I was getting the same problem, but after making the following changes:

Code: [Select]
HTML Changes: a. Gave your logo+navigation table these attributes: 'id="left"', 'width="260"'. CSS Changes: a. Replaced these properties of '#page': 'margin:0 auto;' replaced with 'float:left;' b. Gave '#left' this property: 'margin-left:81px;'.
It now looks like the image below. Hopefully an improvement. It still does drop the page div down below the navigation table when resized enough, but at least it keeps the borders normal. It looks similar in IE6, IE8, Opera(v.10.?), Safari(v.?), and Firefox(v.3.5.16).
(http://img717.imageshack.us/img717/7515/74202993.jpg)
Title: Re: Anyone good at html?
Post by: Ryuza on February 27, 2011, 06:56:18 am: Quote from: Sterlin254 on February 22, 2011, 04:09:57 pm
I was getting the same problem, but after making the following changes:

Code: [Select]
HTML Changes: a. Gave your logo+navigation table these attributes: 'id="left"', 'width="260"'. CSS Changes: a. Replaced these properties of '#page': 'margin:0 auto;' replaced with 'float:left;' b. Gave '#left' this property: 'margin-left:81px;'.
It now looks like the image below. Hopefully an improvement. It still does drop the page div down below the navigation table when resized enough, but at least it keeps the borders normal. It looks similar in IE6, IE8, Opera(v.10.?), Safari(v.?), and Firefox(v.3.5.16).
(http://img717.imageshack.us/img717/7515/74202993.jpg)
Thanks, got it fixed.