Basic CSS question. New learner

I am just learning CSS and HTML and I have a basic question. How can I make my float left div's expand down for content? I have a wrapper and within my wrapper I have 3 columns all floated left with margins added to them, I ommited height so that my columns can expand as I add stuff to it. I have content on my columns, but instead of wrapping the content down as I add...the div's are expanding and dropping below each other because there is no space for them. I tried clearing, but I am not sure I understand the clear property well so I stuck "none" in there for now. Here is my HTML and CSS:
<body>
     <div id="wrapper">
     <div id="head"></div>
     <div id="slideshow"></div>
     <div id="menu"></div>

          <div id="firstcolumn">stuffstuffstuff
          stuffstuffstuffstuffstuff
          stuffstuffstuffstuffstuff
          stuffstuff</div>
          <div id="secondcolumn">stuffstuffstuff
          stuffstuffstuffstuffstuffstuffstuff
          stuffstuffstuffstuffstuff</div>
          <div id="thirdcolumn">stuffstuffstuff
          stuffstuffstuffstuffstuffstuff
          stuffstuffstuffstuffstuffstuff</div>
     </div>

     <div id="footer">This is my footer</div>

</body>
</html>
-------CSS---------
body {
     margin: 0;
     font-family: Verdana, Geneva, sans-serif;
     font-size: 10px;
     background: url(images/bg.png) #666 repeat;
#wrapper {
     margin: 0 auto;
     width: 975px;
     background-color: #CCC;
     height: 1000px;
#head {
     width: 975px;
     height: 100px;
     background-color:#666;
     position: relative;
#slideshow {
     height: 110px;
     width: 975px;
     position: relative;
     background-color: #066;
#menu {
     width: 975px;
     height: 30px;
     background-color:#999;
     position: relative;
#firstcolumn {
     width: 315px;
     float: left;
     position: relative;
     background-color:#666;
     clear: none;
     margin: 10px 10px 0px 10px;
#secondcolumn {
     width: 305px;
     float: left;
     position: relative;
     background-color: #CCC;
     clear: none;
     margin: 10px 10px 0px 0px;
#thirdcolumn {
     width: 315px;
     float: left;
     position: relative;
     background-color:#666;
     clear: none;
     margin: 10px 10px 0px 0px;
#footer {
     margin: 0 auto;
     width: 975px;
     height: 200px;
     position: relative;
     background-color:#666;
This is what I am seeing on my display in Dreamweaver. As you can see, these rectangular elements are my div's. They are supposed to line up side by side, but my "content" isn't filling my div's properly, but rather expanding them causing my div's to drop down below each other.
Thanks for any input.

It would be much easier to advise you if you could post a URL for a site or page.
Height and CSS is a bit of mystery to me but the most simple principle is that content is the way to give an element height. There are ways around it and you might like to Google "Faux Columns CSS" or something like it. The principle is that you construct an image that is a slim band of color that align with your intended columns. You apply that image as a background in you CSS and set it to repeat down the page. Then as your content grows or differs the graphic takes care of that.
There are other ways such as using positioning and javascript but they are more complicated.
Martin

Similar Messages

Basic css question

Hi all this is a basic question but I need to ask it
Ther h1, h2, h3 classes that are set normally at the
beginning of each style sheet does that meanm that the same values
are set throughout the whole page? If I have another div how can I
set another value for the h2 and how would I do it? Is it the same
for classes and divs? Sorry just trying to to understand it,
thanks

And, since a given ID can only be used once per page, it
would only apply to
the first such container it found. A class can be used many
times on a
page, and so it would apply to every such container.
Murray --- ICQ 71997575
Adobe Community Expert
(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
==================
"Michael Fesser" <[email protected]> wrote in message
news:[email protected]..
> .oO(Hydrowizard)
>
>>Thanks for the replies so if I made did h1, h2 {
font-size: 80%;} for
>>example
>>then if I had an h2 in another div which I wanted
with font size 40% thyen
>>how
>>would I make the font-size change?
>>
>> like this?: #mynewdiv h2 {font-size:40%;}
>
> This matches all h2 inside a div with the ID 'mynewdiv',
e.g.
>
> <div
id="mynewdiv"><h2>...</h2></div>
>
>> like this?: .mynewdiv h2 {font-size:40%;}
>
> This matches all h2 inside all divs with the class
'mynewdiv', e.g.
>
> <div
class="mynewdiv"><h2>...</h2></div>
> <div
class="mynewdiv"><h2>...</h2></div>
>
> Micha

Basic CSS Question - But Can't Sort Out for Self

On my index page, I am creating two divs within my template: .property#links and .property#listings
http://12caliboguecay.com/index.htm
I have tried applying css to these elements, but nothing seems to happen and I am flummoxed as to why. Help?
Also, a refresher on this...why am I applying a class to the div to make it work? why not just call an element a div? what does the class do for me?
Thanks for any assistance.
Samantha

.property#links and .property#listings are valid CSS selectors.
.property #links (with whitespace between them) is a descendant selector:
<div class="property">
<div id="links>
whereas
.property#links (no whitespace between) is a multiple selector where class="property" and id="links" are found within the same tag:
<div class="property" id="links">

Quick css question

Hi guys im relatively new to css ive just learn few of the
basic to contruct
a layout in divs.
i have one issue i dont know how to overcome its just
positioning a div
using floats and the clear styles.
http://www.strongtowerint.org/ginericpage.html
check the link..I'm trying to have all divs at the top in its
right full
area instead the middle content div lingers under neath it
all and i know no
way to fix that. i tried floating right and left clearing
right and left for
each div and what you see is the best i came up with all
combos.
i also tried reizing the width of the content div to no user.
thanqx for your reply

Are you using an external .css file for the dynamic text in
your Flash
movie, or is the formatting written in actionscript?
Is some of the formatting working in Safari or is none of the
formatting
showing up?
Rob
Rob Dillon
Adobe Community Expert
http://www.ddg-designs.com
412-243-9119
http://www.macromedia.com/software/trial/

How to backup new learned remote-control data for the IR-remote APP???

Hello @ all,
does anybody know a way to backup the new learned remote control on XPERIA Z Tablet?
I found a database under:
"system/vendor/etc/sony-ir-remote/db"
But after I've saved new learned remote controls the date and the size of these DB's
are the same as before. Therefore the IR-remote control APP dosn't save the new data
in these files.
Furthermore there isn't a button in the remote-control APP to backup new learned remote controls.
And I can't choose the remote control APP in the backup function APP from the XPERIA Z Tablet
to save the data. Also the backup with the Sony PC Companion Software dosn't save the learned
remote controls. Who develops such a dross mobile software?
Sorry SONY, but you have the most unpalatable support I've lived to see!
The first SONY support center refered me to another support center.
The mobile support center does not answer to my questions per mail.
Then I call the mobile support center. The answers were shallow and standard.
The support engineer want to ask the development and call back.
However, I am still waiting for promised recall.

I am facing the same problem.
I have spend a few days to configure and train my Sony tablet to configure for all my remotes such as aircon and lighting. I did a backup using the Sony companion to my PC. When my tablet was faulty and serviced. But the backup did not recover the IR remote settings and codes which I programmed previously. I also tried your backup restore app but it also does not save the configuration.
It is VERY IMPORTANT for me to backup the settings.
Please provide the folders and path of where the IR REMOTE settings and personal configuration and codes trained were kept so that I could back them up. Are these path protected area that required rooted access?
Hope that Sony could update the app to include backup of new trained codes and settings and in the meantime to provide a procedure of how to backup the setting and trained IR codes with or without rooting the device.

Adding Date/Time Field + X Number of Days - Basic Calculation Question

I am assuming this is a basic calculation question. New to Adobe LiveCycle Forms.
I have a simple form containing a table. The table appears as such:
Text
Formatted as Date/Time Fields
Header 3
Monday
user wil choose the beginning date (Date/Time) this is DateTimeField1
Tuesday
this should calculate DateTimeField1 + 1
Wednesday
this should calculate DateTimeField1 + 2
Thursday
this should calculate DateTimeField1 + 3
Friday
this should calculate DateTimeField1 + 4
Saturday
this should calculate DateTimeField1 + 5
Sunday
this should calculate DateTimeField1 + 6
Calculations are performed after the date is chosen for Monday. My mind tells me the simple calculation of DateTimeField1 + 1 is not going to work (and in fact doesn't!) as it needs to change Monday to a number first. I saw on another thread the following:
Num2Date(Date2Num(Date(DateTimeField1), "DD.MM.YYYY")+7, "DD.MM.YYYY")
Thought this was going to get me close. No cigars though!
Any quick help is greatly appreciated. And since I am new to this, details about what needs to be changed would be great too!
Thanks

Here an addition for you date field.
This FormCalc script in the exit:Event will check it the selected date is on a monday.
If not it will go the days back until the last monday.
var Selection = Date2Num($.formattedValue, DateFmt(2))
var WeekDay = Num2Date(Selection, "E")
var NewDate
if (WeekDay eq 1) then
          NewDate = Selection - 6
elseif (WeekDay eq 3) then
          NewDate = Selection - 1
elseif (WeekDay eq 4) then
          NewDate = Selection - 2
elseif (WeekDay eq 5) then
          NewDate = Selection - 3
elseif (WeekDay eq 6) then
          NewDate = Selection - 4
elseif (WeekDay eq 7) then
          NewDate = Selection - 5
else
          NewDate = Selection
endif
$ = Num2Date(NewDate, "EEE DD.MM.YYYY")
Hope this helps, too.

2 CSS Questions on my layout

Hi everyone, I have two CSS questions regarding my layout.
First off, it is located at:
http://robles.clunet.edu/~ssmi/tsr9/tsr9template.html
The CSS is embeded in the file (it will linked from a
different file once I am done with this design, but beside the
point)
My first question is about how I can keep the right top image
from being bumped down to the next line when the window is resized.
I want it to squeeze into some, but then at a point have the scroll
bars kick in.
My other question is how I could make the title image "The
Scott Report" centered between the two left and right images up
top.
Could anyone help out?
Thanks a lot!

Check the AppleCare number for your country here:
http://support.apple.com/kb/HE57
Call them up, and let them know you would like to be transferred to the Account Security Team.

Basic iPhoto questions:

I have some Basic iPhoto questions before I start using the program:
- does iPhoto apply any compression or change images in any way when they
are imported?
- after images are imported, can the original source folder of images be deleted off of the mac?
- can Quicktime files exported from iPhoto be viewed on a Windows computer?
- can iPhoto handle large resolution images that might be as large as 8-15mb each? does it display them quick? are there any known file size issues?
Thanks!!!!

kat.
Is there a way to use iPhoto on a network so other users can read and possibly write to an iPhoto library on a networked mac?
iPhoto is a consumer level photo organiser, not a server. It's possible to share photos but libraries are very difficult and fraught with the danger of database corruption. Some have reported success.
Is it possible to password protect or secure certain images in the library so they can not be seen by anyone?
No. The best I can suggest there is to create a second library and store it in a secure area like a protected dmg. But remember, you can only have one library open at a time.
After photos are deleted from iPhoto, are there any remaining traces or cached files anywhere other than the trash
If you delete photos from iPhoto and empty the iPhoto trash then the pics are removed from the Finder as well. They remain as findable as any other deleted file from that point, which is, very, if the searcher in knowledgeable.
Regards
TD

Object class deployment - Basic form question

OK, I subclass calendar object from Oracle provided standard
object class. What do I need to deploy to use this form now
apart from calendar.pll and my fmx. What about the object class
from which I sub-class. Do I need to compile and deploy that
also? How will form resolve this on run time the parent object
class as I really did not copy, just sub class and we do not
deploy original class? Basic form question. Thanks.

You can set the "help" property on the field (which gives you the little "information" icon link beside the field).
You could also try adding another field of another class above or below:
<Display class='InlineAlert'/>
<Display class='ErrorMessage'/>
<Display class='HtmlPage'/>
..etc
-Rob

When I sign in to Gmail in FF I get this mess -Error undefined If this problem persists, try reloading the page, or using the basic HTML version. Learn More.

When I sign in to Gmail in FireFox I get this mess -Error undefined If this problem persists, try reloading the page, or using the basic HTML version. Learn More.

Reload web page(s) and bypass the cache to refresh possibly outdated or corrupted files.
*Press and hold Shift and left-click the Reload button.
*Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
*Press "Command + Shift + R" (MAC)
Clear the cache and the cookies from sites that cause problems.
"Clear the Cache":
*Tools > Options > Advanced > Network > Cached Web Content: "Clear Now"
"Remove Cookies" from sites causing problems:
*Tools > Options > Privacy > Cookies: "Show Cookies"
Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance).
*Do not click the Reset button on the Safe mode start window or otherwise make changes.
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes

Have a CSS question

I have a picture i am trying to put inside a div that has a class already which makes pictures have a frame around them when i insert them into it, which is fine for the main image but i am trying to add an extra image in there and i dont want that frame to be there.
I will attach a picture and a link to the site i am talking about.
If anyone can help me with this CSS question or how i can go about getting rid of the frame around the step 1, step 2 and step 3.
eWeb Solutions Website Development
Thanks!

Take the frame class out the div and apply it to select images like this:
<div>
<img class="frame" src="step1.jpg">
<img src="picture1.jpg">
</div>
<div>
<img class="frame" src="step2.jpg">
<img src="picture2.jpg">
</div>
Nancy O.

Basic Exporting Question

My main question is a very basic exporting question, but here is a super-condensed explanation of my big-picture goal for context:
Large (~450 MB) aiff on CD --> trim w/ Quicktime --> small (~16 MB) MP3 in iTunes
I would like to take an audio file (aiff) that is approximately 450 MB and export it from Quicktime and in doing so, reduce the file size and convert it to MP3. When I simply try to export it, it doesn't ask me about what size I want, nor does it give the option of MP3 formatting.
I have figured out how to reach my goal, but it's a mess. After I make my trims in QT, I have to:
1. select "share" instead of "export".
2. It asks me what size I want and I select small.
3. The file is then exported as a Quicktime movie into Mail and the size is reduced from 450 MB to about 20 MB.
4. I then have to "right-click" on the attachment in the email that is created,
5. save the attachment,
6. discard the email,
7. import the file into iTunes, and
8. create an MP3 in iTunes to finally arrive at my goal.
This seems like a ridiculously convoluted process to change a large aiff to a small MP3 and put it in iTunes. Any suggestions?

Thanks. I guess the basic answer to my question is that it can't be done in one or two fell swoops. The problem is that it starts on a burned disc, and I need to make edits to it before it ends up in iTunes (to be eventually used in iWeb). I was hoping to avoid juggling back and forth between iTunes and QT. I either would have to send it back to QT to do the edits after -->iTunes-->mp3, or import the large file from the CD to QT, make the edits, save changes, import large file to iTunes, convert to mp3.

CheckboxDatagrid (extended) CSS question

Hello
In our application we make use of the CheckBoxDataGrid, which rocks.
We are playing with the CSS and noticed that we arent able to change the "chromeColor" property, in CSS. Only in the MXML.
I would like to set the style in the CheckBoxDataGrid super class, but I do not see a way to specify "headerStyleName".
How and where would that occur in an extended class? Would it need to happen in the constructor?
Also, how would you re-assign the CSS, in ActionScript, in this extended DataGrid class? Any ideas?
Any help is appreciated, thanks folks!

kumar wrote:
Browser: IE 7 (** Is it the browser issue**)Yes. Interactive Report CSS question.. expands the page width to accommodate the IR, with a scrollbar on the viewport that allow the user to view the full width.
Remove
#apexir_DATA_PANEL {
margin-bottom: 10px;
overflow: auto;
}The IE7 bug can be addressed by feeding it the following CSS fix targeted at pre-IE8 browsers with a conditional comment in the page HTML Header:
Specify the <tt>too-wide</tt> static region ID on the IR region for use as a CSS selector.
However, presenting information in a way that requires users to scroll the viewport horizontally is clunky. This will be particularly true in combination with an IR. Think about the user experience: is there an alternative way of displaying this information?

Basic CSS Functionality Questions

Hi,
I have a CSS 11501 loaner on the way from Cisco, but was hoping to ask a few questions ahead of time. I am relatively new to this, so bear with me.
I have three offices connected via a VPN between two pix devices. Local users and anonymous web traffic all funnels through the remote office. I am hoping I can incorporate a CSS box to direct traffic (via a VPN to another pix) to a third office in the event the www server at the main office is not reachable, but return to the first office when it is back online.
I am a little confused by VIP. Right now, my domain name resolves to an IP address on the outside of my pix which NATs and sends the request on to my web server. If the CSS is behind it, do I create a VIP that maps to the actual IP of the www server, and have the pix send traffic to the VIP?
I have read the PDFs found online, but am still a little foggy.
Thanks,
JM

the Pix will have to send the traffic to the VIP.
The VIP should be an address existing only on the CSS and that the rest of your network knows how to reach.
The CSS will then nat to the real server ip.
Gilles.

Please recommend a book for basic CSS learning

I have "CSS The Missing Manual" and even though I'd say it's
a great book. It does not tell you "how to."
All the books I have read gives you templates, I want to
"know how it was done." Seeing a template already made up does not
show you how to build your own. Yea you can can look at the codes
in the Dreamweaver templates but what happens if you want to build
your own? Why was this DIV placed here? How do I create another
Column?
There are so much I'm not learning.
I am looking for a book that will assume I know nothing about
CSS and tells me, "to make an elastic layout, do this." "To make a
liquid layout do this, write this, use these tags."
Any recommendations? Please help.
I would like to go to school for this, but can't afford it at
the moment.
Patrick

http://www.projectseven.com/tutorials/css/qdmacfly/index.htm
http://www.macromedia.com/devnet/mx/dreamweaver/css.html
http://www.macromedia.com/devnet/dreamweaver/articles/tableless_layout_dw8.html
http://www.macromedia.com/devnet/dreamweaver/articles/css_concepts.html
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Webethics" <[email protected]> wrote in
message
news:g0jvq4$r8t$[email protected]..
>I have "CSS The Missing Manual" and even though I'd say
it's a great book.
>It
> does not tell you "how to."
> All the books I have read gives you templates, I want to
"know how it was
> done." Seeing a template already made up does not show
you how to build
> your
> own. Yea you can can look at the codes in the
Dreamweaver templates but
> what
> happens if you want to build your own? Why was this DIV
placed here? How
> do I
> create another Column?
>
> There are so much I'm not learning.
>
> I am looking for a book that will assume I know nothing
about CSS and
> tells
> me, "to make an elastic layout, do this." "To make a
liquid layout do
> this,
> write this, use these tags."
>
> Any recommendations? Please help.
>
> I would like to go to school for this, but can't afford
it at the moment.
>
> Patrick
>

Basic CSS question. New learner

Similar Messages

Maybe you are looking for