PDA

View Full Version : Webdeisgn Questions

Forsaken_One
05-26-2006, 6:17 PM
Well, I thought I knew more about webdesign than what I really do...

I am having a lot of issues with HTML Tables, and CSS. What I mean by that is, I want to use CSS for everything, but... A lot of people are on different resolutions than I am, using a different browser, and so on and so forth...

What I am having a lot of issues with, is positioning content. When I think everything is fine and dandy, I open it in IE, or a smaller/bigger resolution, the whole site goes bye-bye...

So, I guess what I am asking is, how/what should I use in order for the best compliancy.

Also, if someone could explain the use of this stuff, and how to utilize it.

Source (http://www.w3schools.com/html/tryit.asp?filename=tryhtml_table_elements)
<html>
<body>

<table border="1">
<tr>
<td>
<p>This is a paragraph</p>
<p>This is another paragraph</p>
</td>
<td>This cell contains a table:
<table border="1">
<tr>
<td>A</td>
<td>B</td>
</tr>
<tr>
<td>C</td>
<td>D</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>This cell contains a list
<ul>
<li>apples</li>
<li>bananas</li>
<li>pineapples</li>
</ul>
</td>
<td>HELLO</td>
</tr>
</table>

</body>
</html>


Yes, I can understand that code. But, I just don't really understand on how I can position it. Is that something that can only be done via CSS? If not, what am I missing?
pixels
05-26-2006, 6:22 PM
it should be positioned with css.

take a look at this: http://www.alistapart.com/articles/holygrail
Jeff
05-27-2006, 1:29 AM
I'm not very familiar with CSS but tables are a common way of positioning content on websites.

Usually you'd have one big table that covers the whole body, then if you want to add menus or something you'd put tables inside of other tables. You can use the height and width as a number of pixels or a percentage of the page width. The menu or whatever can be a fixed size so it looks the same in all browsers and resolutions, and you could have the rest adjust its size automatically with the percentages.

There are several more advanced tables tutorials that you can find on the web. I'm sure the same is true of CSS.

If you have a more specific question or could show us your site or an example then we could probably help better.

Good luck :)
Forsaken_One
05-27-2006, 1:39 AM
Well, when I tried doing my entire page in CSS, browsers that are not CSS2 compliant nuked the page. Also, when people were on a 800*800 or bigger resolution than 1024*768 the page was all distorted.

I guess, my question is how do I make a website that is complaint with all resolutions/browsers? Yes, I know it is kind of vague, but the best I can explain it is something like:

Oodles of CSS used for positioning, effects, et cetera. Firefox and Opera worked great, when the screen was maximized. But, if I make the window smaller, or open the page in IE, everything is moved, distorted, and messed up...
Neo
05-27-2006, 9:43 PM
Set a fixed width design.

Fluidity, even with tables, is hard to accomplish once you start adding in extra things.

Set a fixed width of like 700px or something, and work from there.

You might also utilize Floats and such.

Its not hard to design a css based site to work in any resolution (ie: check out kupatrix.com in 1024x or higher, was originally designed with base 800x600 size... or whatever).

Meh, whatever >_>

-Neo