CSS & Divs

[tiger2808]

My page contains 2 Div's - one inside the other. (Menu Div is contained inside
wrapper div)

#wrapper {
width: 770px;
margin: 0px auto;
border: 1px solid #CCCCCC;
position: relative;
}


#menu {
width: 770px;
margin: 0px;
background: #6279b4;
text-align: left;
color: #FFFFFF;
padding: 8px 0px 8px 20px;
clear: none;
}

I would like the text in menu-Div to begin 20 pixels to the left of the left
edge. I tohught padding would do this. However - it pushes the right side of
the menu-Div outside of the right border of wrapper-Div.

I want the background color of menu-Div to stretch from one side to another.

I thought I was doing good. Now I am confused.

Any help is appreciated.

Thanks

[Murray *TMM*]

> I would like the text in menu-Div to begin 20 pixels to the left of the

> left
> edge.

Surely you mean 20px to the right of the left edge?

> I tohught padding would do this.

It is.

> However - it pushes the right side of
> the menu-Div outside of the right border of wrapper-Div.

That's because the padding adds to the width (study the box model). If you
add 20px padding-left, you must then subtract 20px from the width.


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


"tiger2808" <webforumsuser@macromedia.com> wrote in message
news:dmvknv$ccs$1@forums.macromedia.com...

> My page contains 2 Div's - one inside the other. (Menu Div is contained
> inside
> wrapper div)
>

[tiger2808]

That was too easy - and yes - I meant right of the left edge!

Thanks for the quick response... this is the first project I am trying to lay
out - the majority of which is CSS.

I am quickly becoming a big fan of the DIV statement and ID's - however - I
get hung up on silly stuff.

But it is easy to get confused when just starting out.

Thanks!

[Murray *TMM*]

> But it is easy to get confused when just starting out.

Yes, And even when you are not just starting out, too.

> I am quickly becoming a big fan of the DIV statement and ID's

It's possible to do quite a bit of layout without <div> tags, you know?

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


"tiger2808" <webforumsuser@macromedia.com> wrote in message
news:dmvn5f$fa9$1@forums.macromedia.com...

> That was too easy - and yes - I meant right of the left edge!
>
> Thanks for the quick response... this is the first project I am trying to
> lay
> out - the majority of which is CSS.
>
> I am quickly becoming a big fan of the DIV statement and ID's - however -
> I
> get hung up on silly stuff.
>
> But it is easy to get confused when just starting out.
>
> Thanks!
>

[tiger2808]

Without DIV tags?

Let me crawl before I sprint!

I lost another question...

Two images in one div tag - I cannot get them to go to opposite sides of the
div container. They sit right next to one another. I could cheat by adding
canvas to one - but that's cheating.

I have also tried different combinations of float... to no avail.

Any help? Thanks!

[Murray *TMM*]

Sure. You can style/position anything - paragraphs, tables, <h#>, <img>
tags. It's not necessary to wrap them all in divs to do things on the page.

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


"Murray *TMM*" <forums@HAHAgreat-web-sights.com> wrote in message
news:dmvne4$fil$1@forums.macromedia.com...

>> But it is easy to get confused when just starting out.

>
> Yes, And even when you are not just starting out, too.
>

>> I am quickly becoming a big fan of the DIV statement and ID's

>
> It's possible to do quite a bit of layout without <div> tags, you know?
>
> --
> 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
> ==================
>
>
> "tiger2808" <webforumsuser@macromedia.com> wrote in message
> news:dmvn5f$fa9$1@forums.macromedia.com...

>> That was too easy - and yes - I meant right of the left edge!
>>
>> Thanks for the quick response... this is the first project I am trying to
>> lay
>> out - the majority of which is CSS.
>>
>> I am quickly becoming a big fan of the DIV statement and ID's - however -
>> I
>> get hung up on silly stuff.
>>
>> But it is easy to get confused when just starting out.
>>
>> Thanks!
>>

>
>

[Murray *TMM*]

<div style="width:400px;border:1px solid red;"><img style="float:left;
width:100px;"><img style="float:right;width:100px;"><br
style="clear:both;"></div>

Or

<div style="background-repeat:no-repeat; background-position:right top;
background-image:url(image1.jpg);"><img src="image2.jpg"></div>

Or any of a number of other potential solutions.

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


"tiger2808" <webforumsuser@macromedia.com> wrote in message
news:dmvssc$lvs$1@forums.macromedia.com...

> Without DIV tags?
>
> Let me crawl before I sprint!
>
> I lost another question...
>
> Two images in one div tag - I cannot get them to go to opposite sides of
> the
> div container. They sit right next to one another. I could cheat by adding
> canvas to one - but that's cheating.
>
> I have also tried different combinations of float... to no avail.
>
> Any help? Thanks!
>

[tiger2808]

The reason I have been using DIV's is because I've been building using the
"Designing with CSS - Parts 1-5" from the site. To me - the use of divs helps
me understand everything as it breaks it up into discreet units - to conquer!

Somewhat akin to using "scenes" in flash - though I only used them until I
learned the program.

I'm cleaning up an online application for a client, and within a wrapper DIV -
I have a header, menu, body, & footer divs. It's working out well for the
moment - with your help.

I will revisit the images in a bit... I'm on a roll now. Are there any
limitations to using Divs in the way I am? Just curious. Or after I learn them
I will learn that I don't need them?

Thanks!

[tiger2808]

Thanks! I got the second div to work very nicely - but am too tired to figure
out how to put it in the styles.css page itself as opposed to the html page.

That's okay, I'll figure it out when my brain is working better!

Thanks a bunch.

[Murray *TMM*]

> Are there any

> limitations to using Divs in the way I am?

Other than tending to create a div-heavy page, not that I know of.

> Or after I learn them
> I will learn that I don't need them?

<nods>

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


"tiger2808" <webforumsuser@macromedia.com> wrote in message
news:dn04u8$27k$1@forums.macromedia.com...

> The reason I have been using DIV's is because I've been building using the
> "Designing with CSS - Parts 1-5" from the site. To me - the use of divs
> helps
> me understand everything as it breaks it up into discreet units - to
> conquer!
>
> Somewhat akin to using "scenes" in flash - though I only used them until I
> learned the program.
>
> I'm cleaning up an online application for a client, and within a wrapper
> DIV -
> I have a header, menu, body, & footer divs. It's working out well for the
> moment - with your help.
>
> I will revisit the images in a bit... I'm on a roll now. Are there any
> limitations to using Divs in the way I am? Just curious. Or after I learn
> them
> I will learn that I don't need them?
>
> Thanks!
>

[tiger2808]

Is there anything wrong with a div heavy page?

[Murray *TMM*]

Other than the fact that it contains more markup than necessary and may
therefore be confusing to maintain later, no....

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


"tiger2808" <webforumsuser@macromedia.com> wrote in message
news:dn1lmf$9cc$1@forums.macromedia.com...

> Is there anything wrong with a div heavy page?

[tiger2808]

To continue before I mark the subject answered - what other css tutorials would
you recommend that would go beyond Div's?

That one was a great introduction to multiple facets of css though, Kudos to
Macromedia.

[Murray *TMM*]

[url]http://www.projectseven.com/tutorials/css/qdmacfly/index.htm[/url]
[url]http://www.macromedia.com/devnet/mx/dreamweaver/css.html[/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
==================


"tiger2808" <webforumsuser@macromedia.com> wrote in message
news:dn1oa3$dln$1@forums.macromedia.com...

> To continue before I mark the subject answered - what other css tutorials
> would
> you recommend that would go beyond Div's?
>
> That one was a great introduction to multiple facets of css though, Kudos
> to
> Macromedia.
>