Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8
  1. #1
    Regular Coder
    Join Date
    Jul 2002
    Posts
    226
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Table to format page?

    How do you use table to format a web page...

    I have a page www.DomainWebDesigns.com I have been told and shown that it does not view properly in mozilla...

    Can someone go into detail of how i might use tables to fix this problem instead of usind div...i want to keep the same look

    I know it works with ie if you wanna check it out

  • #2
    Senior Coder
    Join Date
    Jun 2002
    Location
    Nashua, NH
    Posts
    1,724
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Using tables for laying out a web page is an old technique. If you really want to do it the principle is:

    Code:
    <table width="100%" height="100%">
    <tr>
    <td  colspan="2" width="100%"> Put your banner here </td></tr>
    <tr>
    <td width="200px">Put your navigation here</td>
    <td>Put you content here</td></tr>
    <tr><td colspan="2">Put your footer here</td></tr></table>
    Also, Mozilla is the one that displays the page CORRECTLY, not the IE !!!
    Vladdy | KL
    "Working web site is not the one that looks the same on common graphical browsers running on desktop computers, but the one that adequately delivers information regardless of device accessing it"

  • #3
    New Coder
    Join Date
    Aug 2002
    Location
    NJ
    Posts
    25
    Thanks
    0
    Thanked 0 Times in 0 Posts
    What version of mozilla? Do you have a copy? If not, go get one.

    It may not be the DIVs that are the problem, but your implementation.

    You should also set up your styles in an external style sheet, this way you can just tweak a setting in one place so that you can keep it consistent across all sub pages.

    The latest version(s) of Mozilla are all CSS1 (and CSS2?) compliant and using DIVs for position is not a probelm with it.

    For a list of cool sites using CSS for designs, check out this article from Web Reference http://webreference.com/new/020307.html

    HTH

    Pete
    TotalHosting.com
    Web Hosting | Domain Names | Merchant Accounts | Web Design
    Pete at TotalHosting.com

  • #4
    Regular Coder
    Join Date
    Jul 2002
    Posts
    226
    Thanks
    0
    Thanked 0 Times in 0 Posts
    ok im using mozilla right now and iv checked out my page and it is very messed up...

    Im not sure of how to go about fixing this problem...

    ******
    Can someone give me and example of how to place items exactly where i want them...
    ********
    If possible can u use the header image from my page and place it on top and add a division on the left just too i can get the idea and ill try and figure the rest out on my own

    I like my layout as it looks from IE...but its also pertinant that this page be compatible with most if not all browsers

    Thought: I need to really learn more...Im trying to start a buisness making web pages and i cant even make my own right...

    Had to get that out

    I noticed that the text boxes on this post form are not as wide in mozilla as in IE y?

  • #5
    Senior Coder
    Join Date
    Jun 2002
    Location
    Nashua, NH
    Posts
    1,724
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I checked the source of your web page and here are a few notes:
    • Comply with the strict model of HTML for all newly designed pages. Transitional is there for the pages that were done before the standards were adopted.
    • Put styles and scripts in seperate files. Makes for easier updates and reuse.
    • In style definition you have to use colon not equal sign : height: not height =
    • When defining style attributes use units for position and dimentions: height: 61px not height: 61. No wonder Mozilla does not render the way you want it.
    • Fixed width designs are not user friendly.
    • Using <BR> for formating is a sign of amature site (the impression you do not want to make...)


    ... Just curious did you get the layout from someone (* placing my bet on that *) or developed it on your own.....
    Vladdy | KL
    "Working web site is not the one that looks the same on common graphical browsers running on desktop computers, but the one that adequately delivers information regardless of device accessing it"

  • #6
    New Coder
    Join Date
    Aug 2002
    Location
    NJ
    Posts
    25
    Thanks
    0
    Thanked 0 Times in 0 Posts
    For a layout as simple as yours, Vladdy's code is exactly what you need.

    To see some examples of CSS and HTML layouts in action, point your mozilla at the webreference link I posted above and check out some of those resources.

    These will be key to your future if you are serious about being a web designer.

    Good Luck. May the Schwartz be with you!

    Pete
    TotalHosting.com
    Web Hosting | Domain Names | Merchant Accounts | Web Design
    Pete at TotalHosting.com

  • #7
    Regular Coder
    Join Date
    Jul 2002
    Posts
    226
    Thanks
    0
    Thanked 0 Times in 0 Posts
    vladdy you are correct i got the layout from somwhere else but i tryed to modify it to be original...I basicly like the color scheem and thats what i took from them... Thanx for the input

    What is an alternative to <br> the only way i know is going to be absolute positioning...

  • #8
    Senior Coder
    Join Date
    Jun 2002
    Location
    Nashua, NH
    Posts
    1,724
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Use margin-top and/or margin-bottom to space elements vertically.
    Vladdy | KL
    "Working web site is not the one that looks the same on common graphical browsers running on desktop computers, but the one that adequately delivers information regardless of device accessing it"


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •