Table to format page?

[Squintz]

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

[Vladdy]

Using tables for laying out a web page is an old technique. If you really want to do it the principle is:

<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 !!!

[totalhosting]

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

[Squintz]

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?

[Vladdy]

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.....

[totalhosting]

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

[Squintz]

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...

[Vladdy]

Use margin-top and/or margin-bottom to space elements vertically.