100% but still too big

[stay_asleep]

Hey, I've been learning dreamweaver and html for 3 days and have a small
problem, i'm guessing it's just a simple error that you'll all be able to spot.
my website [url]www.unxposed.net[/url] uses a tabe as it's structure, the tables width is
set to 100%, and all the columns in the table are set to widths that add up to
100%. The page displays beautifully on my screen resolution 1280x1024, but is
too wide on 1024x768, and i'm guessing doesn;t fit how i'd like on other
resolutions too. Why is this.

Many Thanks.

Colin.

[Murray *TMM*]

Not bad for 3 days - there's still lots to do, though.

1. You are using XHTML doctype - why? The page contains some non-XHTML
usages, and won't validate XHTML as a result.

2. You are trying to manhandle the table into shape by assigning an
explicit width to each cell. This is usually a bad approach. Read this
tutorial, and begin to think of tables as things you allow to collapse
around their content -

[url]http://www.dwfaq.com/tutorials/Tables/flexible_tables.asp[/url]

3. In an attempt to control your table's structure, you have merged and
split cells. That's a bad idea. Here's why -

[url]http://apptools.com/rants/spans.php[/url]

The culprit in your page is this code -

<td colspan="4"><div align="left"><img
src="http://www.unxposed.net/Images/enter2.gif" width="340" height="28"
/></div></td>

Even though you specified the width of the table, the structure of the table
positions this image so far to the right that it forces the table to be
wider than you had wanted (even wider than 100% on some screens). For
example, the combined widths of those graphics running across the center of
the table are 1112px, which is too wide for a 1024 screen.

You also need to think about browser viewport widths instead of screen
resolution, which really has nothing to do with anything other than to fix
the maximum, practical browser width you can use. Read this to clarify -

[url]http://www.thepattysite.com/window_sizes1.cfm[/url]

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================


"stay_asleep" <webforumsuser@macromedia.com> wrote in message
news:dnh9u1$aja$1@forums.macromedia.com...

> Hey, I've been learning dreamweaver and html for 3 days and have a small
> problem, i'm guessing it's just a simple error that you'll all be able to
> spot.
> my website [url]www.unxposed.net[/url] uses a tabe as it's structure, the tables
> width is
> set to 100%, and all the columns in the table are set to widths that add
> up to
> 100%. The page displays beautifully on my screen resolution 1280x1024, but
> is
> too wide on 1024x768, and i'm guessing doesn;t fit how i'd like on other
> resolutions too. Why is this.
>
> Many Thanks.
>
> Colin.
>

[stay_asleep]

Thanks so much murray for your response. I see now. Looks like I still have a
lot of work to do, i'll get straight down to those tutorials. I don't know why
I'm using XHTML, I guess I'm trying to take everything on at once, maybe I
should just get to grips with the basics of HTML and dreamweaver first. Thanks
again.

Colin

[Murray *TMM*]

There is no doubt that the more you know about HTML and CSS, the easier DW
will be. My recommendation would be to study those two things hard before
ever opening DW. But the horse is out of the barn now....

I would encourage you to spend some quality time at
[url]http://www.w3.org/2002/03/tutorials[/url]! 8)

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================


"stay_asleep" <webforumsuser@macromedia.com> wrote in message
news:dnhi37$k29$1@forums.macromedia.com...

> Thanks so much murray for your response. I see now. Looks like I still
> have a
> lot of work to do, i'll get straight down to those tutorials. I don't know
> why
> I'm using XHTML, I guess I'm trying to take everything on at once, maybe I
> should just get to grips with the basics of HTML and dreamweaver first.
> Thanks
> again.
>
> Colin
>

[scottp62]

Something you may want to aim for down the road after you get a handle on HTML and tables, is using layers in place of tables.

[Murray *TMM*]

Definitely not. Did I say "DEFINITELY"? Did I say "NOT"? 8)

I would recommend using CSS instead of tables, but certainly not layers.
While layers are actually part of CSS positioning they are a small part and
are not usable as a general layout methodology because of some of the
inherent disadvantages when they contain text.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================


"scottp62" <webforumsuser@macromedia.com> wrote in message
news:dnqbug$dnn$1@forums.macromedia.com...

> Something you may want to aim for down the road after you get a handle on
> HTML and tables, is using layers in place of tables.

[scottp62]

Hi Murray,

Sorry about that I mispoke and edited the message and changed DIV's from layers.

[Murray *TMM*]

Please be aware that edits to messages from the webforum do not propagate to
the NNTP forums. This means that a significant percentage of the people who
could help you (perhaps 100% since most of the answers come from the NNTP
forum regulars) will not see them.

Now - what was your edit again?

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================


"scottp62" <webforumsuser@macromedia.com> wrote in message
news:dnqp13$93$1@forums.macromedia.com...

> Hi Murray,
>
> Sorry about that I mispoke and edited the message and changed DIV's from
> layers.

[scottp62]

Murray,

Thanks for the tip. I should have sent a correction, instead of simply
editing the message. The Correction: I originally said "Layers" in recommending
CSS. I should have said, using DIV's in CSS for layout control. Sorry about
that.

[Murray *TMM*]

It's quite possible to do an entire page with CSS and never use a single
<div>, you know? So, I wouldn't even agree completely with that edit! 8)

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================


"scottp62" <webforumsuser@macromedia.com> wrote in message
news:dnsckm$dm0$1@forums.macromedia.com...

> Murray,
>
> Thanks for the tip. I should have sent a correction, instead of simply
> editing the message. The Correction: I originally said "Layers" in
> recommending
> CSS. I should have said, using DIV's in CSS for layout control. Sorry
> about
> that.
>

[scottp62]

Of course you can do a whole page in CSS without using DIV's!

That's not even my point.

I was simply stating that he can graduate to CSS and use DIV tags for layout after learning tables.

[Murray *TMM*]

Why not just say that he can graduate to using CSS for layout instead of
tables? 8)

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================


"scottp62" <webforumsuser@macromedia.com> wrote in message
news:dnso8e$1c4$1@forums.macromedia.com...

> Of course you can do a whole page in CSS without using DIV's!
>
> That's not even my point.
>
> I was simply stating that he can graduate to CSS and use DIV tags for
> layout after learning tables.
>
>

[scottp62]

Like I said,

"Something you may want to aim for down the road after you get a handle on
HTML and tables, is using DIV tags in place of tables. Tables are a great way
to begin, then move on to CSS"

[Murray *TMM*]

That works! 8)

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================


"scottp62" <webforumsuser@macromedia.com> wrote in message
news:dnt3rq$gln$1@forums.macromedia.com...

> Like I said,
>
> "Something you may want to aim for down the road after you get a handle
> on
> HTML and tables, is using DIV tags in place of tables. Tables are a great
> way
> to begin, then move on to CSS"
>