| Author |
CSS div tag layout
|
|
|
| I'm trying to create a page layout using CSS div tags for the first time. I
have my div tags within a #wrapper tag so that everything is centered on the
page. Within the wrapper at the top, I have a banner graphic within a #banner
tag. Below that, I want a div tag on the left called #leftContent (to hold an
image) and then I want a div tag #rightContent aligned to the right of
#leftContent, which will hold some text. The problem is that I can't get the
#rightContent to align to the right of the #leftContent tag. It always goes
below it. I tried to use align: right; but that doesn't seem to work. I don't
want to use absolute positioning because then it won't be centered on the page
when the browser window is resized.. right? Any help is appreciated. Thanks
| |
| Murray *TMM* 2005-03-05, 6:25 pm |
| > I don't
> want to use absolute positioning because then it won't be centered on the
> page
> when the browser window is resized.. right?
Wrong. But I'm not sure you need absolute positioning anyhow. Consider
these -
<body style="text-align:center;">
<div id="wrapper" style="position:relative; width:760; margin:0 auto;">
<div id="banner">...</div>
<div id="leftContent" style="float:left">blah</div>
<div id="rightContent" style="float:left">blah</div>
or perhaps even simpler -
<body style="text-align:center;">
<div id="wrapper" style="position:relative; width:760; margin:0 auto;">
<div id="banner">...</div>
<table>
<tr>
<td><div id="leftContent">blah</div></td>
<td><div id="rightContent">blah</div></td>
</tr>
</table>
</div>
</body>
If a table works better than struggling with the CSS, just use it.
--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================
"smash" <webforumsuser@macromedia.com> wrote in message
news:d0ct6q$6mp$1@forums.macromedia.com...
> I'm trying to create a page layout using CSS div tags for the first time.
> I
> have my div tags within a #wrapper tag so that everything is centered on
> the
> page. Within the wrapper at the top, I have a banner graphic within a
> #banner
> tag. Below that, I want a div tag on the left called #leftContent (to hold
> an
> image) and then I want a div tag #rightContent aligned to the right of
> #leftContent, which will hold some text. The problem is that I can't get
> the
> #rightContent to align to the right of the #leftContent tag. It always
> goes
> below it. I tried to use align: right; but that doesn't seem to work. I
> don't
> want to use absolute positioning because then it won't be centered on the
> page
> when the browser window is resized.. right? Any help is appreciated.
> Thanks
>
| |
|
| It's all about adding up, make sure the widths are ok, for example you could
have a perfect layout and then add 1px left border and the layout will go
poof.If the widths are too wide you can't possibly create a decent layout.
--
Cheers Pablo
_____________________
Whoever said "image doesn't matter" was lying.
http://www.dellwebsites.com
______________________________________
"smash" <webforumsuser@macromedia.com> a écrit dans le message de news:
d0ct6q$6mp$1@forums.macromedia.com...
> I'm trying to create a page layout using CSS div tags for the first time.
I
> have my div tags within a #wrapper tag so that everything is centered on
the
> page. Within the wrapper at the top, I have a banner graphic within a
#banner
> tag. Below that, I want a div tag on the left called #leftContent (to hold
an
> image) and then I want a div tag #rightContent aligned to the right of
> #leftContent, which will hold some text. The problem is that I can't get
the
> #rightContent to align to the right of the #leftContent tag. It always
goes
> below it. I tried to use align: right; but that doesn't seem to work. I
don't
> want to use absolute positioning because then it won't be centered on the
page
> when the browser window is resized.. right? Any help is appreciated.
Thanks
>
| |
| Ross Riley 2005-03-05, 6:26 pm |
| the best way to do two columns is to put them in a wrapper. so have... <div
class='contentWrapper'> <div class='leftColumn'>......</div> <div
class='mainColumn>....</div> <div class='clearBlock'></div> </div> left and
main column are both floated left. clear block is set to clear:both See how you
get on with that layout...... Ross
| |
| Donna Casey *TMM* 2005-03-05, 6:26 pm |
| smash wrote:
> I'm trying to create a page layout using CSS div tags for the first time. I
> have my div tags within a #wrapper tag so that everything is centered on the
> page. Within the wrapper at the top, I have a banner graphic within a #banner
> tag. Below that, I want a div tag on the left called #leftContent (to hold an
> image) and then I want a div tag #rightContent aligned to the right of
> #leftContent, which will hold some text. The problem is that I can't get the
> #rightContent to align to the right of the #leftContent tag. It always goes
> below it. I tried to use align: right; but that doesn't seem to work. I don't
> want to use absolute positioning because then it won't be centered on the page
> when the browser window is resized.. right? Any help is appreciated. Thanks
>
Anything that will float to the right must be positioned in the wrapper
BEFORE any elements that are to the left. So, the code for <div
id="rightContent">blah</div> needs to occur before the <div
id="leftContent">blah</div>
and #rightContent needs to use the float:right; property as well as have
a set width:value
HTH
--
Donna Casey | Web Designer/Developer/Instructor
Team Macromedia Dreamweaver & Fireworks | www.macromedia.com/go/team
--------------------------------------------------------------------------
Co-Author | Macromedia Studio MX Bible
Contributor | Dreamweaver MX Magic
Contributor | Fireworks MX Magic
| |
| Murray *TMM* 2005-03-05, 6:26 pm |
| Classes can be used on multiple page elements. IDs are to be unique on the
page. Other than that, they accomplish the same goals.
The clear is only necessary if a) you have content following the floated
elements, and b) you want the wrapper to expand to contain floated elements
that might have poked through the bottom of the wrapper.
--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================
"smash" <webforumsuser@macromedia.com> wrote in message
news:d0d0gp$ajh$1@forums.macromedia.com...
> Ok, that seems to work! It works even without the clearBlock. Is that
> necessary? Also, I used #leftColumn, instead of .leftColumn. I'm still
> not
> sure which one to use in a given situation. I thought classes were used
> for
> text formatting. If I use .leftColumn then i can't seem to change the
> background colour of that column. Thanks a lot.
>
| |
|
| Ok, that seems to work! It works even without the clearBlock. Is that
necessary? Also, I used #leftColumn, instead of .leftColumn. I'm still not
sure which one to use in a given situation. I thought classes were used for
text formatting. If I use .leftColumn then i can't seem to change the
background colour of that column. Thanks a lot.
| |
|
| Thanks everyone that replied. I'm running into another problem now. My border
within my wrapper tag is only going around the banner tag and not the content
underneath.. even though I do have the <div> tags within the wrapper tag. Here
is part of my CSS: #wrapper{ width: 768px; background-color: #FFFFFF;
margin: 10px auto; text-align: left; border: 1px solid #CCCCCC; } #banner{
height: 83px; } #mainColumn{ margin-top: 10px; margin-left: 18px; width:
350px; float: left; background-color: #444444; } #leftColumn{ margin-top:
10px; width: 270px; float: left; }
| |
|
| Hello Smash,
Don't fret or get annoyed you are on the right track and you seem a decent
fellow, give me a few minutes and I will upload something that is proper and
real and from this tiny example you will learn lots.
--
Cheers Pablo
_____________________
Whoever said "image doesn't matter" was lying.
http://www.dellwebsites.com
______________________________________
"smash" <webforumsuser@macromedia.com> a écrit dans le message de news:
d0d1gg$brs$1@forums.macromedia.com...
> Thanks everyone that replied. I'm running into another problem now. My
border
> within my wrapper tag is only going around the banner tag and not the
content
> underneath.. even though I do have the <div> tags within the wrapper tag.
Here
> is part of my CSS: #wrapper{ width: 768px; background-color: #FFFFFF;
> margin: 10px auto; text-align: left; border: 1px solid #CCCCCC; }
#banner{
> height: 83px; } #mainColumn{ margin-top: 10px; margin-left: 18px; width:
> 350px; float: left; background-color: #444444; } #leftColumn{ margin-top:
> 10px; width: 270px; float: left; }
>
| |
|
| Excellent. I used the clear property and now the border set in the wrapper is outlining everything (like magic!).
Thanks
| |
|
| style="position:relative;
?????
:)
No
--
Cheers Pablo
_____________________
Whoever said "image doesn't matter" was lying.
http://www.dellwebsites.com
______________________________________
"Murray *TMM*" <forums@HAHAgreat-web-sights.com> a écrit dans le message de
news: d0cu86$7rd$1@forums.macromedia.com...
the[color=darkred]
>
> Wrong. But I'm not sure you need absolute positioning anyhow. Consider
> these -
>
> <body style="text-align:center;">
> <div id="wrapper" style="position:relative; width:760; margin:0 auto;">
> <div id="banner">...</div>
> <div id="leftContent" style="float:left">blah</div>
> <div id="rightContent" style="float:left">blah</div>
>
> or perhaps even simpler -
>
> <body style="text-align:center;">
> <div id="wrapper" style="position:relative; width:760; margin:0 auto;">
> <div id="banner">...</div>
> <table>
> <tr>
> <td><div id="leftContent">blah</div></td>
> <td><div id="rightContent">blah</div></td>
> </tr>
> </table>
> </div>
> </body>
>
> If a table works better than struggling with the CSS, just use it.
>
> --
> Murray --- ICQ 71997575
> Team Macromedia Volunteer for Dreamweaver
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
> http://www.dreamweavermx-templates.com - Template Triage!
> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
> http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
> ==================
>
> "smash" <webforumsuser@macromedia.com> wrote in message
> news:d0ct6q$6mp$1@forums.macromedia.com...
time.[color=darkred]
hold[color=darkred]
the[color=darkred]
>
>
| |
|
| Hi Smash
http://www.dellwebsites.com/smashborder.html
Then this
http://www.dellwebsites.com/smash.html
Look at the css, you do not need to position anything, let it flow. Just
make sure you do the adding up. A tiny pixel can make all the difference.
--
Cheers Pablo
_____________________
Whoever said "image doesn't matter" was lying.
http://www.dellwebsites.com
______________________________________
"smash" <webforumsuser@macromedia.com> a écrit dans le message de news:
d0d2pj$dck$1@forums.macromedia.com...
> Excellent. I used the clear property and now the border set in the wrapper
is outlining everything (like magic!).
>
> Thanks
| |
|
|
|
| UMM NO :)
--
Cheers Pablo
_____________________
Whoever said "image doesn't matter" was lying.
http://www.dellwebsites.com
______________________________________
"jojo" <jojo@zoot31.com> a écrit dans le message de news:
d0d4vq$fvf$1@forums.macromedia.com...
> Pablo wrote:
>
>
> Uhm, Yes :)
>
>
> --
> Cheers jojo
> Team Macromedia Member Volunteer for Dreamweaver MX
> http://www.webade.co.uk
> ----------------------------------------------------
> Extending Knowledge, Daily.
> http://www.communityMX.com/
> Free 10 day trial
> http://www.communitymx.com/joincmx.cfm
> ----------------------------------------------------
| |
|
| Murray *TMM* wrote:
> Uhh uhh YES indeed.
>
> It's to set the parent positioned container for any internal positioned
> elements to something other than body.
>
> As jojo says, "yes".
>
Pablo is thinking about tables, I would guess, Murray.
--
Cheers jojo
Team Macromedia Member Volunteer for Dreamweaver MX
http://www.webade.co.uk
----------------------------------------------------
Extending Knowledge, Daily.
http://www.communityMX.com/
Free 10 day trial
http://www.communitymx.com/joincmx.cfm
----------------------------------------------------
| |
| Murray *TMM* 2005-03-05, 6:26 pm |
| Uhh uhh YES indeed.
It's to set the parent positioned container for any internal positioned
elements to something other than body.
As jojo says, "yes".
--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================
"Pablo" <dunno@dunno.com> wrote in message
news:d0d4ar$f8r$1@forums.macromedia.com...
> style="position:relative;
>
> ?????
>
> :)
>
> No
>
> --
> Cheers Pablo
>
> _____________________
>
> Whoever said "image doesn't matter" was lying.
> http://www.dellwebsites.com
> ______________________________________
> "Murray *TMM*" <forums@HAHAgreat-web-sights.com> a écrit dans le message
> de
> news: d0cu86$7rd$1@forums.macromedia.com...
> the
> time.
> hold
> the
>
>
| |
|
|
|
|
|
| http://www.dellwebsites.com/smash.html
--
Cheers Pablo
_____________________
Whoever said "image doesn't matter" was lying.
http://www.dellwebsites.com
______________________________________
"Murray *TMM*" <forums@HAHAgreat-web-sights.com> a écrit dans le message de
news: d0d5q9$h0r$1@forums.macromedia.com...
> Uhh uhh YES indeed.
>
> It's to set the parent positioned container for any internal positioned
> elements to something other than body.
>
> As jojo says, "yes".
>
> --
> Murray --- ICQ 71997575
> Team Macromedia Volunteer for Dreamweaver
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
> http://www.dreamweavermx-templates.com - Template Triage!
> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
> http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
> ==================
>
> "Pablo" <dunno@dunno.com> wrote in message
> news:d0d4ar$f8r$1@forums.macromedia.com...
Consider[color=darkred]
a[color=darkred]
of[color=darkred]
always[color=darkred]
>
>
| |
|
|
| Pablo 2005-03-05, 11:16 pm |
| Umm okay, where do you want them and I will put them.
Just tell me where.
--
Cheers Pablo
_____________________
Whoever said "image doesn't matter" was lying.
http://www.dellwebsites.com
______________________________________
"jojo" <jojo@zoot31.com> a écrit dans le message de news:
d0d7af$ipa$1@forums.macromedia.com...
> Pablo wrote:
>
> Like the bg colour, needs some images though.
>
>
> --
> Cheers jojo
> Team Macromedia Member Volunteer for Dreamweaver MX
> http://www.webade.co.uk
> ----------------------------------------------------
> Extending Knowledge, Daily.
> http://www.communityMX.com/
> Free 10 day trial
> http://www.communitymx.com/joincmx.cfm
> ----------------------------------------------------
| |
| Pablo 2005-03-05, 11:16 pm |
| What does that mean?
--
Cheers Pablo
_____________________
Whoever said "image doesn't matter" was lying.
http://www.dellwebsites.com
______________________________________
"Murray *TMM*" <forums@HAHAgreat-web-sights.com> a écrit dans le message de
news: d0d616$hbm$1@forums.macromedia.com...
> Who knows? 8)
>
> --
> Murray --- ICQ 71997575
> Team Macromedia Volunteer for Dreamweaver
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
> http://www.dreamweavermx-templates.com - Template Triage!
> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
> http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
> ==================
>
> "jojo" <jojo@zoot31.com> wrote in message
> news:d0d5t7$gvb$1@forums.macromedia.com...
>
>
| |
| Murray *TMM* 2005-03-05, 11:16 pm |
| It means "who knows" what you were thinking when you said not to use
position:relative.
--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================
"Pablo" <dunno@dunno.com> wrote in message
news:d0dd9b$pra$1@forums.macromedia.com...
> What does that mean?
>
> --
> Cheers Pablo
>
> _____________________
>
> Whoever said "image doesn't matter" was lying.
> http://www.dellwebsites.com
> ______________________________________
> "Murray *TMM*" <forums@HAHAgreat-web-sights.com> a écrit dans le message
> de
> news: d0d616$hbm$1@forums.macromedia.com...
>
>
| |
| Pablo 2005-03-05, 11:16 pm |
| Did I not answer the question?
--
Cheers Pablo
_____________________
Whoever said "image doesn't matter" was lying.
http://www.dellwebsites.com
______________________________________
"Murray *TMM*" <forums@HAHAgreat-web-sights.com> a écrit dans le message de
news: d0ddcc$puf$1@forums.macromedia.com...
> It means "who knows" what you were thinking when you said not to use
> position:relative.
>
> --
> Murray --- ICQ 71997575
> Team Macromedia Volunteer for Dreamweaver
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
> http://www.dreamweavermx-templates.com - Template Triage!
> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
> http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
> ==================
>
> "Pablo" <dunno@dunno.com> wrote in message
> news:d0dd9b$pra$1@forums.macromedia.com...
>
>
| |
| Pablo 2005-03-05, 11:16 pm |
| Correctly.
--
Cheers Pablo
_____________________
Whoever said "image doesn't matter" was lying.
http://www.dellwebsites.com
______________________________________
"Pablo" <dunno@dunno.com> a écrit dans le message de news:
d0de7b$r0n$1@forums.macromedia.com...
> Did I not answer the question?
>
>
>
> --
> Cheers Pablo
>
> _____________________
>
> Whoever said "image doesn't matter" was lying.
> http://www.dellwebsites.com
> ______________________________________
> "Murray *TMM*" <forums@HAHAgreat-web-sights.com> a écrit dans le message
de
> news: d0ddcc$puf$1@forums.macromedia.com...
message[color=darkred]
>
>
| |
| Murray *TMM* 2005-03-06, 6:21 pm |
| Who knows? I don't. It seemed to me that you were saying that
position:relative was not the proper thing to us in my example. That is
erroneous.
--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================
"Pablo" <dunno@dunno.com> wrote in message
news:d0demc$rdg$1@forums.macromedia.com...
> Correctly.
>
> --
> Cheers Pablo
>
> _____________________
>
> Whoever said "image doesn't matter" was lying.
> http://www.dellwebsites.com
> ______________________________________
> "Pablo" <dunno@dunno.com> a écrit dans le message de news:
> d0de7b$r0n$1@forums.macromedia.com...
> de
> message
>
>
| |
|
| Murray *TMM* wrote:
> Who knows? I don't. It seemed to me that you were saying that
> position:relative was not the proper thing to us in my example.
>
That is what I thought also.
--
Cheers jojo
Team Macromedia Member Volunteer for Dreamweaver MX
http://www.webade.co.uk
----------------------------------------------------
Extending Knowledge, Daily.
http://www.communityMX.com/
Free 10 day trial
http://www.communitymx.com/joincmx.cfm
----------------------------------------------------
| |
|
| Who knows :) Nah only kidding, here is a nice example with all the css in
the head, its a good example for a newbie to get to grips with as the text
is also styled. Can I have your phone number please for the footer I need
to place online live 24/7 support? :)
conception.asp near the bottom.
--
Cheers Pablo
_____________________
Whoever said "image doesn't matter" was lying.
http://www.dellwebsites.com
______________________________________
"Murray *TMM*" <forums@HAHAgreat-web-sights.com> a écrit dans le message de
news: d0f1sn$9pi$1@forums.macromedia.com...
> Who knows? I don't. It seemed to me that you were saying that
> position:relative was not the proper thing to us in my example. That is
> erroneous.
>
> --
> Murray --- ICQ 71997575
> Team Macromedia Volunteer for Dreamweaver
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
> http://www.dreamweavermx-templates.com - Template Triage!
> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
> http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
> ==================
>
> "Pablo" <dunno@dunno.com> wrote in message
> news:d0demc$rdg$1@forums.macromedia.com...
message[color=darkred]
>
>
| |
| Murray *TMM* 2005-03-06, 6:30 pm |
| conception.asp?
I'm really not sure what you are trying to say here, Pablo....
--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================
"Pablo" <dunno@dunno.com> wrote in message
news:d0fhbg$ru2$1@forums.macromedia.com...
> Who knows :) Nah only kidding, here is a nice example with all the css in
> the head, its a good example for a newbie to get to grips with as the text
> is also styled. Can I have your phone number please for the footer I need
> to place online live 24/7 support? :)
>
> conception.asp near the bottom.
>
>
>
>
>
> --
> Cheers Pablo
>
> _____________________
>
> Whoever said "image doesn't matter" was lying.
> http://www.dellwebsites.com
> ______________________________________
> "Murray *TMM*" <forums@HAHAgreat-web-sights.com> a écrit dans le message
> de
> news: d0f1sn$9pi$1@forums.macromedia.com...
> message
>
>
| |
|
| > I'm really not sure what you are trying to say here, Pablo....
lol, you never do :)
http://www.dellwebsites.com/conception.asp I've got quite a bit of stuff to
upload to this page, I'll do it in due course.
--
Cheers Pablo
_____________________
Whoever said "image doesn't matter" was lying.
http://www.dellwebsites.com
______________________________________
"Murray *TMM*" <forums@HAHAgreat-web-sights.com> a écrit dans le message de
news: d0fim1$7g$1@forums.macromedia.com...
> conception.asp?
>
> I'm really not sure what you are trying to say here, Pablo....
>
> --
> Murray --- ICQ 71997575
> Team Macromedia Volunteer for Dreamweaver
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
> http://www.dreamweavermx-templates.com - Template Triage!
> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
> http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
> ==================
>
> "Pablo" <dunno@dunno.com> wrote in message
> news:d0fhbg$ru2$1@forums.macromedia.com...
in[color=darkred]
text[color=darkred]
need[color=darkred]
is[color=darkred]
use[color=darkred]
>
>
| |
|
| Ok, that seems to work! It works even without the clearBlock. Is that
necessary? Also, I used #leftColumn, instead of .leftColumn. I'm still not
sure which one to use in a given situation. I thought classes were used for
text formatting. If I use .leftColumn then i can't seem to change the
background colour of that column. Thanks a lot.
| |
| Murray *TMM* 2005-03-07, 6:28 pm |
| Classes can be used on multiple page elements. IDs are to be unique on the
page. Other than that, they accomplish the same goals.
The clear is only necessary if a) you have content following the floated
elements, and b) you want the wrapper to expand to contain floated elements
that might have poked through the bottom of the wrapper.
--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================
"smash" <webforumsuser@macromedia.com> wrote in message
news:d0d0gp$ajh$1@forums.macromedia.com...
> Ok, that seems to work! It works even without the clearBlock. Is that
> necessary? Also, I used #leftColumn, instead of .leftColumn. I'm still
> not
> sure which one to use in a given situation. I thought classes were used
> for
> text formatting. If I use .leftColumn then i can't seem to change the
> background colour of that column. Thanks a lot.
>
| |
|
| Thanks everyone that replied. I'm running into another problem now. My border
within my wrapper tag is only going around the banner tag and not the content
underneath.. even though I do have the <div> tags within the wrapper tag. Here
is part of my CSS: #wrapper{ width: 768px; background-color: #FFFFFF;
margin: 10px auto; text-align: left; border: 1px solid #CCCCCC; } #banner{
height: 83px; } #mainColumn{ margin-top: 10px; margin-left: 18px; width:
350px; float: left; background-color: #444444; } #leftColumn{ margin-top:
10px; width: 270px; float: left; }
| |
|
| Did I not answer the question?
--
Cheers Pablo
_____________________
Whoever said "image doesn't matter" was lying.
http://www.dellwebsites.com
______________________________________
"Murray *TMM*" <forums@HAHAgreat-web-sights.com> a écrit dans le message de
news: d0ddcc$puf$1@forums.macromedia.com...
> It means "who knows" what you were thinking when you said not to use
> position:relative.
>
> --
> Murray --- ICQ 71997575
> Team Macromedia Volunteer for Dreamweaver
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
> http://www.dreamweavermx-templates.com - Template Triage!
> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
> http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
> ==================
>
> "Pablo" <dunno@dunno.com> wrote in message
> news:d0dd9b$pra$1@forums.macromedia.com...
>
>
| |
|
| Umm okay, where do you want them and I will put them.
Just tell me where.
--
Cheers Pablo
_____________________
Whoever said "image doesn't matter" was lying.
http://www.dellwebsites.com
______________________________________
"jojo" <jojo@zoot31.com> a écrit dans le message de news:
d0d7af$ipa$1@forums.macromedia.com...
> Pablo wrote:
>
> Like the bg colour, needs some images though.
>
>
> --
> Cheers jojo
> Team Macromedia Member Volunteer for Dreamweaver MX
> http://www.webade.co.uk
> ----------------------------------------------------
> Extending Knowledge, Daily.
> http://www.communityMX.com/
> Free 10 day trial
> http://www.communitymx.com/joincmx.cfm
> ----------------------------------------------------
|
|
|
|
| Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |