Jul 26, 2008

Firefox Explodes When I Put Height To 100% - What's up with that?

Free Web Hosting, No Ads > CONTRIBUTE > The Internet > Web Design

free web hosting

Firefox Explodes When I Put Height To 100% - What's up with that?

elaks
CODE
<table width="100%" height="100%" cellspacing="0" cellpadding="0"><tr><td><table width="100%" background="/images/bg.gif" cellspacing=0><tr><td width="100% BACKGROUND="/images/bg.gif"></td><td valign="right"><img src="/images/greyhound.gif"></td></tr></table>
<table height="100%" width="100%" cellspacing=0><tr height="100%" width="100%" bgcolor="#ff0000"><td bgcolor="#cccccc" width="150" valign="top"></td><td bgcolor="#ffffff" valign="top"></td><td width='150' bgcolor='#cccccc' valign='top'></td></tr></table></td></tr></table>


Okay, this is the very basic design of my site, I've taken all the content out. Also- if it is my fault when it comes to coding, cut me slack; I haven't been using HTML for about a year.

So here's the problem:

When I put this code up, it works perfectly in IE 7 (Weirdly). I've set the page to have no margins, so all the tables touch the page borders. However; in firefox a white space is left underneath the table that stretches the page.
Check out the site here: MA PAGE
Please help me find the problem as I would prefer users to use Firefox.

 

 

 


Reply

jlhaslip
Just had a quick look using the web Dev Ext and Firebug in Firefox.

Seems there are a couple of things going wrong there, the first of which is the missing Doc Type Declaration. In order to have the Browsers rendering any place close to the same, you should be using a valid Doc Type.
Additionally, you are using IE Proprietary codes, so Firefox is probably not rendering them as per the IE version for the simple fact that it does not understand them.

Here are the Warnings the HTML Tidy supplies for your page:
CODE
Result: 0 errors / 13 warnings

line 1 column 1 - Warning: missing <!DOCTYPE> declaration
line 9 column 141 - Warning: <td> attribute with missing trailing quote mark
line 9 column 1 - Warning: <table> proprietary attribute "height"
line 9 column 1 - Warning: <table> lacks "summary" attribute
line 9 column 75 - Warning: <table> proprietary attribute "background"
line 9 column 75 - Warning: <table> lacks "summary" attribute
line 9 column 141 - Warning: <td> attribute "width" has invalid value "100% BACKGROUND="
line 9 column 190 - Warning: <td> attribute "valign" has invalid value "right"
line 9 column 209 - Warning: <img> lacks "alt" attribute
line 10 column 1 - Warning: <table> proprietary attribute "height"
line 10 column 1 - Warning: <table> lacks "summary" attribute
line 10 column 49 - Warning: <tr> proprietary attribute "height"
line 10 column 49 - Warning: <tr> proprietary attribute "width"
Info: Document content looks like HTML Proprietary


I suggest you head over to the w3schools.com and check out their Tutorials on Tables if you insist on using them. Otherwise, drops the Tables and use Div based layouts. smile.gif In my humble opinion, you are, or soon will be, glad to not have tables for the structural layout of your page. CSS is the way to go.

Example of a div/css page that is similar to yours : http://jlhaslip.trap17.com/samples/templat...flex/index.html

 

 

 


Reply

elaks
Thanks for that. I'm a changed man- I've been looking into alot of new stuff actually and I'm rekindeling my love of HTML. I'll definatley venture into Div tags. wink.gif

Reply

Saint_Michael
Another thing I would like to add is that you need to fix your %'s, because a fluid design isn't suppose to show the left to right scroll bar. You have to remember if a 3 column layout your 3 columns need to equal 100%.

CODE
#left {
background: #cacaca;
border-top: 1px dashed;
padding-left: 5px;
width: 25%;
height: 600px;
left: 0px;
top: 130px;
position: absolute;
}

#content {
background: #ffffff;
border-top: 1px dashed;
width: 50%;
height: 600px;
left: 150px;
top: 130px;
position: absolute;
}

#right {
background: #cacaca;
border-top: 1px dashed;
border-right: 1px dashed;
padding-left: 5px;
top: 130px;
left: 950px;
width: 25%;
height: 600px;
position: absolute;
}


it would look something like that, but if your going with the fixed design you need to have it equal 800px so it will be able to display correctly in the few people who still use a 640x800 resolution.

This website here is a good source of CSS info that covers pretty much everything including layout designs http://www.alvit.de/handbook/.

Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:

Similar Topics

Keywords : firefox, explodes, put, height, 100percent, whats,

  1. What's The Best Script For Web Designing?
    (6)
  2. Whats Important To You When Designing Your Web?
    (29)
    I was just wondering what everyone else thinks is important when they design their website?
    Personally i like simple, easy to read websites with minimal actual graphics. Most of the websites i
    make are very graphics light and are usually very dial-up friendly. Just plain but attractive (or at
    least i try to make it that way /tongue.gif" style="vertical-align:middle" emoid=":P" border="0"
    alt="tongue.gif" />)....
  3. Firefox V/s Internet Explorer For Web Design
    (14)
    hi friends. I have noticed one thing that when we surf web with columns on it we see that internet
    explorer shows the site in a nice way. But when we surf the same site with firefox, it destroys the
    whole structure of site. and shows the columns very clearly and boldly. Can any body tell me
    what's wrong with firefox?....
  4. Help! Firefox And Ie Not Playing Nice!
    Div overflow problems! (8)
    I recently made a website for a friend. http://www.TheQuotes.co.nr Now, here is the problem. It
    seems if you load it with FF the middle section background will not strech. But if you use IE it
    will. Does anyone know why this is happening or how to fix it? Here is the code I have in the
    index file. CODE <head> <meta http-equiv="Content-Type"
    content="text/html; charset=iso-8859-1" /> <title>The Quotes</title>
    <style type="text/css"> a{ color: #ffffff; size:-1;} </style>
    </head&....
  5. What's The Average Scrolling Length On A Web Page?
    Anyone know where i can find this? (9)
    Hello everyone! Now im working on a website and i need to know the average user scrolling
    distance in either pixels, inches, pages, any measurement really. To clarify i want to know how
    far the average user is wishing to scroll down a page to see the contents. Im not talking paragraphs
    f text like stories etceter because most people will scroll till the end, say if you were looking
    for something on a page, how far would you, or the average user, be willing to scroll before getting
    bored and giving up? If anyone can post a link to some sort of web research site wh....
  6. Integrate Blog Into Existing Site?
    What's the Simplest Route? (11)
    I'd like to integrate a very simple blog-type feature that will only show up my site's home
    page. I want the blog section to look like the rest of the site. Here's my site if it helps:
    vbritton's site The site has three columns, and in the center column, I want to put simple
    blog entries. I want to keep the other two columns open for other stuff so it doesn't look like
    a blog site. It would also be nice to have an rss feed. I know some html. I don't know php or
    sql, but I'm guessing I might have to learn if I want to do this right. I'....
  7. Firefox Extensions Dream Package #1: Web Design Extensions
    add-ons and plug ins (26)
    Well since Fire fox got updated and I have got the universal package browser for web design I
    thought why not share it to those who do not know about these tools so here we go. I will explain
    each tool and what it is used for and then give you the simple instructions on where to get it and
    where to find it. First download Firefox http://www.mozilla.com/products/download.h...&lang=en-US
    then install it and your set from there, Now for the plug-ins and add-ons. ColorZilla What
    this program does is that once you select it a small ink dropper icon will show up and ....
  8. How To Make A Auto Height Adjusting Website?
    Height increases depending on the size of the content. (6)
    I just got a fresh idea on my new site. I got every thing planed out, the content and the colours
    i'm going to use for the layout. But osmething else came to my mind. I have seen site when if
    the text is bigger, the hegiht of the layout increases, without affections the layouts design. A
    good example would be blogs, where when you make more entries they go down the page rather than
    making new pages. I did think about i frames, but that is not what i was looking for. I dont mind
    if it is in PHP, as most of my site is.....
  9. Search In Website
    What's the best way? (4)
    Ok so I'm trying to integrate a website-wide search engine into my site, and rather than going
    through the million different options, I figured the best feedback I can get would be from actual
    people who have previously done this. What's the best option, and/or is there a recommended
    script I can use rather than build my own? The website's pretty expansive, and will be
    continually growing and expanding, with new pages added at least weekly, if not daily. Plus current
    pages will be updated on a weekly basis. Any thoughts? Thanks!....
  10. Firefox And Ie Preview
    (7)
    While I was making my web-site in front page, I've noticed that when preview it Internet
    Explorer it often looks very different from Mozzila's Firefox. I've got worried that my
    web-site might look good in Firefox but simultaneously show up messed up in Internet Explorer web
    browser. So. now I have to adjust HTML code for both browsers. Are there any suggestions of how to
    properly use html code to be able to view web pages in both web browsers the same? Maybe I need to
    use some special tags or something?....
  11. What's The Best Online Shopping Cart
    looking for opions from people (7)
    I'm creating a shopping cart for a client and was wondering what's the best one out there?
    He doesn't have thousands and thousands of items to sell so i'm just looking for something
    that really reliable and simple to use because i do not want do tech support for him.round.....
  12. What's The Best Content Management Software?
    (15)
    I'm thinking of using Mambo Open Source because I saw WYSIWYG was included to help design your
    site, but I'm not sure if I should go with it. What are you all using, and what do you find to
    be the most user friendly. I'm new to PHP (translation: I don't know what the hell I'm
    doing), so what would be the easiest for me to put up. I've already designed my site in
    Frontpage with frames, but I'm ready for a more grown up site. Let me know. Thanks
    /smile.gif' border='0' style='vertical-align:middle' alt='smile.gif' /> ....
  13. What Is So Great About Firefox?
    is IE going down the tubes? (27)
    What is so great about Firefox? The last I knew 98% of people were using Internet Explorer, so as a
    web designer, I really only had to worry about Internet Explorer displaying my website correctly.
    I've read that Firefox now makes up about 20% of the browser market. These two browsers display
    web pages completely different and it's a bit frustrating to say the least! Why are people
    suddenly using Firefox and not Internet Explorer? Did you switch from Internet Explorer to Firefox
    and if so why?....
  14. Mambo Sites
    What's the best Mambo resource site? (3)
    I have my website running on mambo open source. I've found it quite easy and friendly to manage.
    Well, no doubt it is the the best CMS (Content Management Site, or something like that). I have
    also found lots of useful sites which distribute free mambo stuff: modules, components, mambots,
    cool templates and upgrading; but I still look for a great site which gives REALLY COOL (and I mean
    REALLY COOL) templates for mambo sites. If anyone knows about some of them, I'd thank for the
    help /smile.gif' border='0' style='vertical-align:middle' alt='smile.gif' /> Che....
  15. What's The Good For Trap17
    compare them (7)
    Hi all body trap17 is my best choose. before I login in trap17, I have visited many webs from any
    other areas.I found that trap17 is good.it not only in my opinion. hulunes tell me trap17 is also
    his final choice. I think some people like me they also visited too many webs which topic is free
    web hosting. Why do u choose trap17,and tell sth sufficiency about other webs . For example,aboho
    100 free-webs.... and where is trap17 better than them!....
  16. Total Content Managers
    whats the best? (10)
    Hi, I've been using PHP nuke 7.5 for the last couple of months and so far it's been pretty
    good. I was wondering though, for those of you who use total content managers, if you could perhaps
    recommend any others and specific features that make them interesting. I find that with php nuke
    that I'm not giving absolute 100% control and find myself having to search through pages of PHP
    to fully customise it.....
  17. What's a good eye friednly design? o_O
    (16)
    I personal prefer the more darker colors. I love the dark, I like doing many things with lights off,
    like taking a shower at night.....

    1. Looking for firefox, explodes, put, height, 100percent, whats,

Searching Video's for firefox, explodes, put, height, 100percent, whats,
advertisement



Firefox Explodes When I Put Height To 100% - What's up with that?



 

 

 

 

ADD REPLY / Got an Opinion! Remove these ADs! RAPID SEARCH! Free Web Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE