HTML Problems with IE and FF

[Dada78]

Hello, I have been fighting with this for several months. I am trying to get this to work across the board with IE and FF and was hoping I could get some help that I might be over looking. Please bare with me on this as it is detailed.

 

Ok, this is a page that outputs Christmas displays users submit. Here is a sample page.

 

http://www.mesquitechristmas.com/local/display.php?id=%2021

 

Yes this page is XHTML Valid before we even start.

 

Only problem I have in FF is that the Google Map will not center, but in IE6,7 it does. I have a div class assigned to it just to center it. Now I can assign a div align="center" but that will not validate.

 

div.c1 {text-align: center}

 

Other then that it renders and looks perfect in FF as usual because of it being a superior browser.

 

Now in to my IE problems....

 

First, in both IE 6,7 if you look at the table that says "About this display..." you will notice a red line dividing each row. In FF this looks fine and works. But in IE if their is not content the line does not show in the entire row. What could be causing this? I would like this line to show regardless if there is content or not like it shows in FF.

 

Lastly in IE6 only Below the "return to list" button their is a HUGE gap that does not show up in IE7 or FF. I have been trying to fix this for months and can not get it right. Any idea why this is happening? I am running out of time and could greatly use the help and suggestions.

 

If you need me to post some code for these isolated problems I would be glad to. Otherwise you can just view source of the code to see it.

 

-Thanks

[s1yman]

Not 100% sure what you mean about the google maps bit. but have you tried putting   in the table with the problem?

 

[Dada78]

You are right, you are not sure. Thanks for the effort though...

 

Anyone else....

[wildteen88]

Only problem I have in FF is that the Google Map will not center, but in IE6,7 it does. I have a div class assigned to it just to center it. Now I can assign a div align="center" but that will not validate.

 

div.c1 {text-align: center}

Looking at your HTML source code the following is what contains your google map

<table class="fullboxGmap" width="100%" cellpadding="3" cellspacing="1">
  <tr>
     <td><div id="Gmap"></div></td>
  </tr>
</table>

Your should apply the css to the containing td tag

 

First, in both IE 6,7 if you look at the table that says "About this display..." you will notice a red line dividing each row. In FF this looks fine and works. But in IE if their is not content the line does not show in the entire row. What could be causing this? I would like this line to show regardless if there is content or not like it shows in FF.

I believe with IE, it'll collapse the boarders of a cell if there is not data in it. To prevent this you should add a single space ( ) in emtpy cells.

 

I'm not sure about your third question as I only have IE7/FF3 installed.

[Dada78]

Your should apply the css to the containing td tag

 

Yes actually I do have the text-align: center in the fullboxGmap class. After I posted this I had gone back and done that, which is why you don't see it in the source code. It still doesn't center in FF which is strange. I have another page which I was div align tags and it centered and validated, but if I try it on that page it won't vaildate.

 

I believe with IE, it'll collapse the boarders of a cell if there is not data in it. To prevent this you should add a single space ( ) in emtpy cells.

 

Thank you very much for that idea. I was wondering what I could put in there that wouldn't display when nothing was there. I didn't even think of that. Of course the only problem with that though is it won't align with the others. I guess I can go back at and the space tag to all the rows so they will be evenly aligned.

 

 

I'm not sure about your third question as I only have IE7/FF3 installed.

 

Darn, almost 3-3...LoL this is actually a problem I have been trying to fix since feb and it is killing me. I don't use IE, I use FF, but I have IE 7 and IE6 standalone version so I can test with. I have people complaining my site doesn't look right in IE6 and instead of upgrading they choose to make my life harder and try to make in render correctly in IE6...LoL

 

[TheFilmGod]

<div class="c1"><a href='browse.php'><img src="images/return.gif" alt="return to list" /></a></div>

<br />

<table border="0" cellpadding="0" cellspacing="0" class="fullbox" width="100%">
<tr>
   <td class="title"> About This Display...</td>
</tr>

 

This is where the huge gap occurs... Your html is not semantic. Having non-semantic code is the first and major reasons why webpages break in internet explorer.

 

Why are you using < br />? This should only be used for text at very rare occassions. Take this out and add a top margin to the table. This may fix the error in ie6.

 

 About This Display... - this is a poor way to style your text. You should use padding or margin to achieve the same issue.

 

While I'm at it, I should identify other problems with your html. Do not use the meta tags for keywords or author. It is a waste of bandwidth since it doesn't help your page rank and is unuseful. Do not add the border declaration in the < img > tags. It is unecessary. You can add this within the css.

 

Your use of tables may be justifed but as a sucker for css only pages I have to question whether your tables are true tabular data... You only have two elements for it. A css list would be better and would be easier to read in the long run.

 

- TheFilmGod

[Dada78]

<div class="c1"><a href='browse.php'><img src="images/return.gif" alt="return to list" /></a></div>

<br />

<table border="0" cellpadding="0" cellspacing="0" class="fullbox" width="100%">
<tr>
   <td class="title"> About This Display...</td>
</tr>

 

This is where the huge gap occurs... Your html is not semantic. Having non-semantic code is the first and major reasons why webpages break in internet explorer.

 

Only happens in IE6.... I am aware this is where the huge gap occurs. Your observation of the obvious is impeccable... Now how do I solve it?

 

Why are you using < br />? This should only be used for text at very rare occassions. Take this out and add a top margin to the table. This may fix the error in ie6.

 

Does it work? Yes.... Does it validate? Yes... Is anyone going to care if it is used as long as it renders correctly in visitors browsers? No.... You appearenly do not know as much as you think you do or you would hvae noticed the class assigned to that table and the width of the table above it and wonder why it is not set at 100%...hmmmmmmmmmmmm

 

 About This Display... - this is a poor way to style your text. You should use padding or margin to achieve the same issue.

 

Yes thank you, I am aware of that. I have not launched this section of the site yet and I was using it has a placeholder. Anything else you want to criticize my site about that I did not ask for?

 

 

While I'm at it, I should identify other problems with your html. Do not use the meta tags for keywords or author. It is a waste of bandwidth since it doesn't help your page rank and is unuseful. Do not add the border declaration in the < img > tags. It is unecessary. You can add this within the css.

 

I don't use the Author meta. You are joking about not using keyword meta right? Please tell me you are joking? That as to be the funniest thing  I have ever heard it you are serious.... Is it wrong to assign a border element to a img tag? No it is not so why you harping on it. If you are as good as you think you are you would see why I did it. You are busting my balls below about only having two elements in a table but yet I am going to create one CSS class for ONE single image and when I can assign the element within the tag.

 

Your use of tables may be justifed but as a sucker for css only pages I have to question whether your tables are true tabular data... You only have two elements for it. A css list would be better and would be easier to read in the long run.

 

Different strokes, for different folks. You do it your way, and I will do it mine. It validates, it renders properly so where is the problem. I appreciate you taking the time to reply. But I did not ask for you to rip my way of doing things which is nothing wrong with it. Might not be the way YOU would do it, but it not the wrong way ether. If you would like to help me with the problem at hand that would be great. Otherwise, please keep your comments to yourself. Is that understood?..... Kids, I swear....

 

You are going to bust my balls about my site but yet you use meta keywords, you use inline styles for divs, element city for tables. Everything you ciritized my site about you do and even more. Well aren't you pot calling the kettle black... Gee Wez. Not to mention your site isn't even at the least HTML 4 valid. My site is XHTML valid which is more stricter the traditional HTML. Bro I have been in web publishing and web marketing for 14 yrs. Give me a break, go shovel your BS somewhere else...

 

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.thefilmgod.com%2F&charset=(detect+automatically)&doctype=Inline&ss=1&group=0&user-agent=W3C_Validator%2F1.591

 

 

[haku]

Your map looks centered to me in Firefox 3.

[Dada78]

Thanks are you sure though? Look closely, the box in which it is in the map is aligned to the left. You can see what I mean if you look to the left of the map because you can see the box background.

[haku]

I see what you were saying. I was looking at the box - it is centered. I didn't realize that the map in the box wasn't filling the whole box.

 

You can fix that by adding:

 

margin: 0 auto;

 

to #Gmap.

[Dada78]

I see what you were saying. I was looking at the box - it is centered. I didn't realize that the map in the box wasn't filling the whole box.

 

You can fix that by adding:

 

margin: 0 auto;

 

to #Gmap.

 

Thank you sir, that did the trick and worked beautiful. Now I just need to sort out the IE6 issue and I am set.

 

-Thanks again....

[TheFilmGod]

Dada78, I may have gone over the edge in critiquing your website for non-semantic html but it was only for the good. Don't take it personally as though I am "busting your balls" I'm simply identifying problems that you need to at least look at. It is your choice whether you will actually change them, but at least consider my faithful recommendations.

 

Why are you using < br />? This should only be used for text at very rare occassions. Take this out and add a top margin to the table. This may fix the error in ie6.

 

Does it work? Yes.... Does it validate? Yes... Is anyone going to care if it is used as long as it renders correctly in visitors browsers? No.... You appearenly do not know as much as you think you do or you would hvae noticed the class assigned to that table and the width of the table above it and wonder why it is not set at 100%...hmmmmmmmmmmmm

 

Having valid code that renders decently in all browsers isn't everything. Semantic html does not only help SEO but it also makes it accessible! There are those who are less fortunate that us. The < br /> tag is only suppose to create line breaks and not whitespace! THIS IS WHY IE6 IS SCREWING UP THE WHITESPACE. Take out the stupid tag and create a top margin to compensate for it.

 

 

While I'm at it, I should identify other problems with your html. Do not use the meta tags for keywords or author. It is a waste of bandwidth since it doesn't help your page rank and is unuseful. Do not add the border declaration in the < img > tags. It is unecessary. You can add this within the css.

 

I don't use the Author meta. You are joking about not using keyword meta right? Please tell me you are joking? That as to be the funniest thing  I have ever heard it you are serious.... Is it wrong to assign a border element to a img tag? No it is not so why you harping on it. If you are as good as you think you are you would see why I did it. You are busting my balls below about only having two elements in a table but yet I am going to create one CSS class for ONE single image and when I can assign the element within the tag.

 

 

According to the html you did use the author meta tag. I am not kidding about the keyword meta tag. Google doesn't use it, and even yahoo is dropping support for it soon. - So why are you using it? Web 2.0 websites thrive on heading tags, good keywords, and great text to code ratio and not some stupid meta keywords to boost page rank.

 

You are going to bust my balls about my site but yet you use meta keywords, you use inline styles for divs, element city for tables. Everything you ciritized my site about you do and even more. Well aren't you pot calling the kettle black... Gee Wez. Not to mention your site isn't even at the least HTML 4 valid. My site is XHTML valid which is more stricter the traditional HTML. Bro I have been in web publishing and web marketing for 14 yrs. Give me a break, go shovel your BS somewhere else

 

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.thefilmgod.com%2F&charset=(detect+automatically)&doctype=Inline&ss=1&group=0&user-agent=W3C_Validator%2F1.591

 

Ha ha. Yeah, thanks for pointing that out. I have actually stopped supporting/developing that website long time ago. If you don't know, phpfreaks does not allow users to change their names. I would have changed it a looooonnng time ago. I am developing a new website and trust me it is valid xhtml 1.1 . I would love to give you a link, but it's currently under heavy construction. I agree with you that website is a piece of crap, but it was the website I learned how to code and understand how it works. I am proud of it because I made it from scratch within the first 3 months of my html learning. Memories!  - I'm sure your first website wasn't "valid" and well formatted either.

[Dada78]

Dada78, I may have gone over the edge in critiquing your website for non-semantic html but it was only for the good. Don't take it personally as though I am "busting your balls" I'm simply identifying problems that you need to at least look at. It is your choice whether you will actually change them, but at least consider my faithful recommendations.

 

What you consider as problems are not problems at all....

 

Having valid code that renders decently in all browsers isn't everything. Semantic html does not only help SEO but it also makes it accessible! There are those who are less fortunate that us. The < br /> tag is only suppose to create line breaks and not whitespace! THIS IS WHY IE6 IS SCREWING UP THE WHITESPACE. Take out the stupid tag and create a top margin to compensate for it.

 

Code that renders correctly isn't everything? Have you lost your mind? I don't know if you noticed my web site but it is a location and seasonal specific web site. Meaning I have a very small target demographic audience. So it is not like I really need to worry about SEO or reaching out to the World. Not to mention I am top of the list for all my KEYWORDS. You search for "Place to go in Mesquite for Christmas" I come up first, "Mesquite Christmas" I pop up first again. Christmas In Mesquite, pop up Front page at the top. So as you see I really don't need much help. So it would be advised that before you start making "faithful recommendations" you make sure it is even needed.

 

Have you ever heard of a placeholder? Do you know what they are use for? If so then you shouldn't be questioning me. This part of the site has not been launched yet because it is still under development. So no the break tag is not the reason it is screwing up because with it gone it still does it. I only had that there as a PLACEHOLDER. So once again you have no clue what you are talking about.

 

 

I am not kidding about the keyword meta tag. Google doesn't use it, and even yahoo is dropping support for it soon. - So why are you using it? Web 2.0 websites thrive on heading tags, good keywords, and great text to code ratio and not some stupid meta keywords to boost page rank.

 

You are truly clueless uh? You might want to read your contradicting statements before you post them. Also while you are at it educate yourself about what all functions the Keyword tag performs in reference to search engines.  That is your homework...

 

 

If you don't know, phpfreaks does not allow users to change their names.

 

Maybe not, but it allows you to change your signature. Which I noticed you recently have done....

 

[akitchin]

dada, thefilmgod was only trying to help as he has explained. he was not being personally critical, and therefore there is no need to take personal offense to his comments and recommendations. as he said, it's your choice whether to consider his input or not.  again, this itself is not a personal attack - i'm just trying to keep things civil around here.

 

regardless, there's no need to continue any of this arguing. grow thicker skins and settle down (everyone) - if the thread continues to go back and forth, i will lock it.

 

it's just the internet, folks.

[Dada78]

It was not asked for nor was it needed and was very egotistical. Is everyone's site perfect when a certain page or portion is underdevelopment, no it is not. Would you like for someone to point out problems with your site that you don't consider it as a problem. That is your site, not anyone elses and if you want to do it your way then fine. I asked a simple question and go answers that were not only incorrect but were not needed.

 

My site renders properly, it validates, it ranks high in it's keywords. Where is the problem? What else could anyone ask for? The general viewing public isn't going to care how the page is coded as long as it displays properly in their browser, nor do half of them even know how it works nor do they care. I do not care all that much about SEO because it is a local site and seasonal which gets plenty of advertisement from Local TV, Radio, and newspapers as well as word of mouth. It also ranks high anyways because of it's keywords. None of this was taking into consideration before his remarks were made nor were they warranted or needed. If you disagree otherwise you are a fool....

 

I asked one simple question and got a bunch or worthless garbage that I didn't ask for and was inaccurate.

[akitchin]

as i said, let it go. it's just the internet. any further arguing will get this thread locked, because it's not contributing anything.

 

(thefilmgod, i'm sure i needn't tell you not to bother replying)

[Dada78]

It's just the internet? Do you realize what you just said? Do you people think before you speak? Go ahead and lock it, homeboy already thread jacked it with his inaccurate and worthless information and you coming running to his rescue playing favorites when his statements where out of line. I am not going to get any help from this thread no anyways. Funny how you ingnore the statements if you were in the same position. Would you like me to tell you how to code your site? Would you like to tell you where to stick your head? I know you didn't ask but I can tell you anyways since it seems to be ok to tell people how to do things when it wasn't asked, and best of all this shit that was recommended wasn't right and false anyways. What a joke... and you defend that kind of actions? You wonder why I said what I said, geez, get a clue.... So are moderators suppose to play favorites?

[akitchin]

i didn't play favourites - i told you BOTH to stop arguing. i've simply told you to drop it again since you're the only one who has responded since.

 

and yes, i think before i speak. it is just the internet. grow up.

 

EDIT: in response to your edit, i would ignore the statements rather than commencing an argument. i wouldn't need to be told where to stick my head.

[ober]

I know this is locked, but I felt it appropriate to add this:

 

[attachment deleted by admin]