Help with basic CSS positioning

I am learning the rudiments of CSS positioning - I have gone
through the good Macromedia docs and even bought a book which is
useful (HTML Utopia). I am now applying some concepts to my first
site.
Oh how I thought I knew how to apply theory.
The sily thing is I am stuck on a very basic stage. And I
just cant figure out the solution. This is my problem.
I want to centre my site on the page so I created a #wrapper
<div> which works fine
Then, I wanted to position two <div> 'boxes', each
containing a logo within this wrapper, next to each other, left to
right, with a small margin imbetween them.
The first box on the left aligns fine, relatively positioned
to the wrapper. Great.
However, the next box 'jumps' down to the next line, even
though there is space within the wrapper element for it. I assumed
as <div> tag elements 'flow' after each other, it would
continue right. But no, it flows onto the next line, a bit like
this
image 1
image 2
I was after
image 1 image 2
What am I doing wrong. Im sure Im missing the obvious. Should
I be floating at this stage?
Forgive me - Im grasping the concepts here
Heres the code:
CSS
#master_wrapper {
width: 760px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
position: relative;
#logo_box {
width: 145px;
height: 120px;
position: relative;
#banner_box {
width: 580px;
height: 120px;
margin-top: 0;
margin-left: 25px;
position: relative;
HTML
<body>
<div id="master_wrapper">
<div id="logo_box"><img
src="website_graphics/index_page/logo.jpg" alt="Logo" width="145"
height="120" />
</div>
<div id="banner_box"><img
src="website_graphics/index_page/banner_cityscape.jpg" alt="Banner"
width="580" height="120"/>
</div>
</body>
If you are feeling especially kind, could you let me know the
correct code to position a further 2 boxes which sit under the logo
and the banner respectively
Yours, cap in hand
Chris

> The first box on the left aligns fine, relatively
positioned to the
> wrapper.
> Great.
Remove the relative positioning. You don't need it. Now,
float that box
left.
> However, the next box 'jumps' down to the next line,
even though there is
> space within the wrapper element for it. I assumed as
<div> tag elements
> 'flow'
> after each other, it would continue right. But no, it
flows onto the next
> line,
> a bit like this
Div tags are block tags - that means that unless told not to,
the occupy the
entire line within their container, thus forcing them to a
new line, and all
adjacent content above and below.
Remove the position:relative from all your divs, and just
make the first two
float left.
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
==================
"socks_" <[email protected]> wrote in
message
news:[email protected]...
>I am learning the rudiments of CSS positioning - I have
gone through the
>good
> Macromedia docs and even bought a book which is useful
(HTML Utopia). I am
> now
> applying some concepts to my first site.
>
> Oh how I thought I knew how to apply theory.
>
> The sily thing is I am stuck on a very basic stage. And
I just cant figure
> out
> the solution. This is my problem.
>
> I want to centre my site on the page so I created a
#wrapper <div> which
> works
> fine
>
> Then, I wanted to position two <div> 'boxes', each
containing a logo
> within
> this wrapper, next to each other, left to right, with a
small margin
> imbetween
> them.
>
> The first box on the left aligns fine, relatively
positioned to the
> wrapper.
> Great.
>
> However, the next box 'jumps' down to the next line,
even though there is
> space within the wrapper element for it. I assumed as
<div> tag elements
> 'flow'
> after each other, it would continue right. But no, it
flows onto the next
> line,
> a bit like this
>
> image 1
> image 2
>
> I was after
>
> image 1 image 2
>
> What am I doing wrong. Im sure Im missing the obvious.
Should I be
> floating at
> this stage?
>
> Forgive me - Im grasping the concepts here
>
> Heres the code:
>
> CSS
> #master_wrapper {
> width: 760px;
> margin-top: 0px;
> margin-bottom: 0px;
> margin-right: auto;
> margin-left: auto;
> position: relative;
> }
>
> #logo_box {
> width: 145px;
> height: 120px;
> position: relative;
> }
>
> #banner_box {
> width: 580px;
> height: 120px;
> margin-top: 0;
> margin-left: 25px;
> position: relative;
> }
>
>
> HTML
>
> <body>
> <div id="master_wrapper">
>
> <div id="logo_box"><img
src="website_graphics/index_page/logo.jpg"
> alt="Logo"
> width="145" height="120" />
> </div>
>
> <div id="banner_box"><img
> src="website_graphics/index_page/banner_cityscape.jpg"
alt="Banner"
> width="580"
> height="120"/>
> </div>
> </body>
>
> If you are feeling especially kind, could you let me
know the correct code
> to
> position a further 2 boxes which sit under the logo and
the banner
> respectively
>
> Yours, cap in hand
>
> Chris
>

Similar Messages

Background image seems to be applied twice Can someone help with this CSS issue....

Can someone help with this CSS issue....
http://66.162.81.144/cms400min/default.aspx
If you view the main page you will see that our background is
2 shades of
orange.. if you look at the line that divides those colors to
the right and
left you wil notice that the line is higher
if you notice that it seems that there is another background
on top of the
first one..its the only thing i can think of..
the only place where the image is being referenced is in this
CSS style
html, body
min-height:100%;
margin-bottom:1px;
text-align:center;
background-repeat:no-repeat;
background-image:url(images/Background-Color2.jpg);
background-color:#F74902;
background-position:center;
background-attachment:fixed;
Is there something wrong with the above CSS that could or
would cause this?
is it because im applying the image to both the HTML and
BODY?
ASP, SQL2005, DW8 VBScript, Visual Studio 2005, Visual Studio
2008

You've attached the background to both the html and the body.
I would do this:
html, body {
min-height:100%;
margin-bottom:1px;
body{
text-align:center;
background-repeat:no-repeat;
background-image:url(images/Background-Color2.jpg);
background-color:#F74902;
background-position:center;
background-attachment:fixed;
Having said that the image doesn't look any higher on the
right than the
left to me in Firefox. Is it just an optical illusion?
Daniel wrote:
> Can someone help with this CSS issue....
>
>
http://66.162.81.144/cms400min/default.aspx
>
> If you view the main page you will see that our
background is 2 shades of
> orange.. if you look at the line that divides those
colors to the right and
> left you wil notice that the line is higher
>
> if you notice that it seems that there is another
background on top of the
> first one..its the only thing i can think of..
>
> the only place where the image is being referenced is in
this CSS style
>
> html, body
>
> {
>
> min-height:100%;
>
> margin-bottom:1px;
>
> text-align:center;
>
> background-repeat:no-repeat;
>
> background-image:url(images/Background-Color2.jpg);
>
> background-color:#F74902;
>
> background-position:center;
>
> background-attachment:fixed;
>
>
> }
>
> Is there something wrong with the above CSS that could
or would cause this?
> is it because im applying the image to both the HTML and
BODY?
>

Need help with basic program.....!

I've to write a program that generates a random number, which the user has to try and guess, after each guess they're told whether it's too high or too low etc., I've gotten this far, however, the user has only 10 guesses.... In my program I've used a while loop and the user gets an infinite number of guesses, I know I'm supposed to use a for loop, but can't seem to get it to work properly. Also, when the user guesses the number, the program then has to print out how many guesses it took, and I have no idea how to get it to do this AT ALL!!! I'd really appreciate some help with this, thanks v. much!!!!

I've to write a program that generates a random
number, which the user has to try and guess, after
each guess they're told whether it's too high or too
low etc., I've gotten this far, however, the user has
only 10 guesses.... In my program I've used a while
loop and the user gets an infinite number of guesses,
I know I'm supposed to use a for loop, but can't seem
to get it to work properly. Also, when the user
guesses the number, the program then has to print out
how many guesses it took, and I have no idea how to
get it to do this AT ALL!!! I'd really appreciate some
help with this, thanks v. much!!!!Hey not every book covers every aspect of Java (if you haven't got a book and don't want to buy 1 i recommend an online tutorial) If u want the user to have an infinate number of guesses, use an infinate while loop. Put this in a file called app.java:
import java.applet.Applet;
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
public class app extends Applet implements ActionListener
     JLabel lbl=new JLabel("Guess a number between 0 and 10:");
     JTextField txtfield=new JTextField(20);
     JButton button=new JButton("Guess...");
     JLabel lbl2=new JLabel();
     int randomnumber=Math.round((float)Math.random()*10);
     public void init()
          add(lbl);
          add(txtfield);
          add(button);
          button.addActionListener(this);
     public void actionPerformed (ActionEvent e)
          String s=new String("");
          s+=randomnumber;
          if (e.getSource().equals(button) && txtfield.getText().equals(s))
               setBackground(Color.white);
               setForeground(Color.black);
               lbl2.setText("Got it!");
               add(lbl2);
               validate();
          else
               setBackground(Color.white);
               setForeground(Color.black);
               if (Integer.parseInt(txtfield.getText())>randomnumber)
               lbl2.setText("Too High!");
               else
               lbl2.setText("Too Low!");
               add(lbl2);
               validate();
Then create a HTML document in the classes folder:
<HTML>
<HEAD>
<TITLE>APPLET</TITLE>
</HEAD>
<BODY>
<HR>
<CENTER>
<APPLET
     CODE=app.class
     WIDTH=400
     HEIGHT=200 >
</APPLET>
</CENTER>
<HR>
</BODY>
</HTML>
It will do what you wish. If you want to have more then 10 numbers to guess, for example 100, do this:
int randomnumber=Math.round((float)Math.random()*100);
Does that answer your question?

Help with my css

Right I making a site this one>
http://sheepskinshoestore.com/Library/Test/tesa.html
< And I'm using CSS to make it with. This is the home page. But
I need to have a content area its gonna sit where all the links in
the "top box" are, they have links to UGG EMU Koolaburra etc theres
lots of logos there. What I cant figure out is how to make a
template that will have everything on the outside stay in position
and push down the area under the "top box". When someone clicks on
a link. Because when they do they will be shown a lot more
information than can be contained in that small "top box". For
example This is another one of our site using the old method
"columns" >
https://sheepskinshoes.com/ecom/SearchResults.php?keywords=ugg+boots&Search.x=0&Search.y= 0
< as you can see the content is drop into the center of the page
and the template on the right has a repeating image that follows
down to the bottom. Kind of what I want. I just need the
information under the "top box" to be pushed all the way down and
have some sort of repeating image for the side of the box.
Can any one help? I'm new to CSS but I need to learn how this
is done because theres no point looking at the past.
Thanks for you time!

I have some ideas for you. Normally when divs stagger like
that its because they are overlapping by a pixel or so. Try adding
overflow: hidden; to your css for #content_home_quote. You might
also want to try making quote.gif a few less pixels wide.
PS I like your use of colors

Can you please help with Fancybox CSS?

Hello. Someone helped me a while back on creating fancybox boxes that generate pop out boxes with more content in them by clicking on them. Here is what they look like. I deleted a lot of the other content because it would just much everthing up. http://www.bestmarketingnames.com/default.php
Now that I've kind of figured it out I want to make changes to the CSS for these fancyboxes. For instance, I want to lower the margins on the top and bottom of these boxes. Anyway. When I try to edit the jquery.fancybox.css it says that they are "a remote files and can not be edited". So i downloaded the fancybox fancyapps program that gives me the coding but I have NO idea what to do now. I saved the default jquery.fancybox.css files into dreamweaver but im not sure if it's in the right place.
So what I am saying is that I need to change the sizing in the fancybox boxes in this link, but have no idea how to do it. Can someone please help?
http://www.bestmarketingnames.com/default.php

Hey Nancy so everything seems to be working out until I hit another problem. So the website is basically set up but now when you click on the "Read More" and the fancy box pops out, it shifts the entire website to the right about 200px or so. The only browser where it doesn't do this is google chrome. I have no idea why this is happening. Do you have any suggestions on how to solve it? Here is the link...http://www.bestmarketingnames.com/default.php
Thank you so much! I will out of your hair soon!

New to Photoshop (CS4Ext) and need help with basic loading of images to new folder.

Just purchased CS4Ext and installed it. It's not showing up on my desktop as a quick entry icon. I want to simply load images from a portable hard drive (USB) to a new folder in photoshop so I can review them and begin to select and separate out some of interest to manipulate and share or get ready to print. It 's the most basic help one can need butI'm jut not clear on the workflow steps . Would appreciate someone walking me through the steps .
Thanks much

drmjp2 wrote:
Just purchased CS4Ext and installed it. It's not showing up on my desktop as a quick entry icon.
Let's see… First of all, this is the Photoshop Macintosh forum. Installed applications never, ever show up on your desktop as a "quick entry" icon on a Mac. Are you on a Windows PC maybe?
drmjp2 wrote:
I want to simply load images from a portable hard drive (USB) to a new folder in photoshop so I can review them and begin to select and separate out some of interest to manipulate and share or get ready to print.
Just select them with your mouse in the Finder and drag-copy them into the new folder. Done.

Need Help With Basics of SQL

Hey I'm trying to get a working understanding of some of the basics behind SQL, I've composed a few questions that I think may help me with this. Anyone that can help me with any of them will greatly help me thanks.
1. How to create synonym for tables?
2. How to describe the structure of tables?
3. How to list the contents of tables?
4. How to create a table named with the same structure as another table?
5. How to copy rows with less than a certain criteria in value (e.g. Price<$5.00) into another table?
6. How to change the data type to e.g. NUMBER(6)?
7. How to add a new column named with data type e.g. VARCHAR2(10)?
8. How to change a specific field within a table (e.g. For ORDER_NUMBER 12489, change the C_NUMBER to 315)?
9. How to delete a specific row from a table?
10. How to declare a column as the primary key of a table and call it e.g. PK_something?
11. How to show certain columns when another column is less than a certain criteria in value (e.g. Price<$5.00)?
12. How to show certain columns with another column having a certain item class e.g. HW or AP?
13. How to list certain columns when another column e.g. price is between two values?
14. How to list certain columns when another column e.g. price is negative?
15. How to use the IN operator to find certain columns (e.g. first and last name of customers who are serviced by a certain ID)
16. How to find certain columns when one of the columns begins with a particular letter (e.g. A)
18. How to list the contents of the a table sorted in ascending order of item class and, within each item class, sorted in descending order of e.g. price?
19. How to do a count of column in a table?
20. How to sum a column and make rename is something?
21. How to do a count of a column in a table (without repeats e.g. if a certain number repeats more than once than to only count it once)?
22. How to use a subquery to find certain fields in columns when the another column’s fields values are greater than e.g. its average price?

848290 wrote:
Hey I'm trying to get a working understanding of some of the basics behind SQL, I've composed a few questions that I think may help me with this. Anyone that can help me with any of them will greatly help me thanks.To use the terminology you have in those questions, you must already have a basic understanding of SQL, so you have exposed yourself as not being the author of such questions.
Please do not ask homework questions without having at least attempted to answer them yourself first and show where you're struggling.

Help with basics

Hi
How do I make a transition between 2 clips. I highlight the 2 clips and go to the transitions box and select cross disolve and nothing happens.
Is it me or is this the most complex piece of software since Logic 7?
Just to get a bit of perspective here, about 10 years ago, I shot an hours worth of video and never having opened imovie before, put together a music video with 300 edits and crossfades,stills,titles etc. in 12 hours!
Now I can't even fade a clip in.
I can't even find how to do it in the help files
G

You can drag the transition and drop it in between the two clips right from the window that shows you what the transitions look like. Click the mouse right on the transition thumbnail and drag in between the two clips. You'll see a green highlight appear once you have the mouse in the right position to drop the transition.

Help with basic program

The program I am writing is supposed to ask the user to input a 4-digit Integer whose digits are not all the same, and then place the number in descending and ascending order, then subtract until the number 6174 is met.
I'm very new with java but I can't seem to get my if statement to loop back until the condition I want is met.
I know that a while statement will loop back, but when I tried that it just kept looping over and over again.
Any help and tips for later on in my project will be great.
import java.util.Scanner;
public class program2
    public static void main(String[] args)
      int      Number, D1, D2, D3, D4, Temp;
      Scanner Keyboard = new Scanner(System.in);
      boolean NoNumberYet;
      System.out.println("Please enter a 4-digit positive integer whose digits are all different: ");
      Number = Keyboard.nextInt();
      D1 = (Number/1000);
      D2 = (Number/100) %10;
      D3 = (Number/10) %10;
      D4 = Number %10;
      NoNumberYet = true;
      while(NoNumberYet)
        if (D1 == D2 && D2 == D3 && D3 == D4)
           NoNumberYet = false;
           System.out.println("The number you entered contains the same digits.");
           System.out.print("Please re-enter the number: ");
           Number = Keyboard.nextInt();
    }

On to a new question.
I need to subtract the rearranged descending number by the ascending arranged number.
I need to know how to place my rearranged digits in place of the original number and then subtract it.
Heres what I have so far:
import java.util.Scanner;
public class program2
    public static void main(String[] args)
      int      Number, d1, d2, d3, d4, temp;
      Scanner Keyboard = new Scanner(System.in);
      System.out.println("Please enter a 4-digit positive integer whose digits are all different: ");
      Number = Keyboard.nextInt();
      d1 = (Number/1000);
      d2 = (Number/100) %10;
      d3 = (Number/10) %10;
      d4 = Number %10;
      if (d1 == d2 && d2 == d3 && d3 == d4)
           System.out.println("The number you entered contains the same digits.");
           System.out.print("Please re-enter the number: ");
           Number = Keyboard.nextInt();
      if (d1 < d2)
         temp = d1;
         d1   = d2;
         d2   = temp;
      if (d2 < d3)
         temp = d2;
         d2   = d3;
         d3   = temp;
      if (d3 < d4)
         temp = d3;
         d3   = d4;
         d4   = temp;
      if (d1 < d2)
         temp = d1;
         d1   = d2;
         d2   = temp;
      if (d2 < d3)
         temp = d2;
         d2   = d3;
         d3   = temp;
      if (d1 < d2)
         temp = d1;
         d1   = d2;
         d2   = temp;
}Any help would be appreciated, also the output needs to appear on screen.
My guess is that I need to somehow drop d1, d2 ,d3, and d4 into a new variable, and then subtract from the reverse. I dont know how to drop the digits into a new number, or the original entered number.
Thanks.
Message was edited by:
Bmiller234

Help with basic ABAP code (merge internal tables, sort of...)

Hello,
Can someone please help write some basic code for a Basis guy with limited ABAP knowledge?
Should be some easy points for an experienced ABAPer!
I have identicaly structured internal tables I_A and I_B and I_C which have already been filled by function models I called.
How will I code the following?:
I want to read all the data of I_A into a new internal table I_MASTER (structured the same as I_A,I_B and I_C).
Then I want to read I_B and:
1)Update I_MASTER with NEW records
2)Update existing records if the value of field MYFIELD in I_B is smaller than the value of MYFIELD in I_MASTER.
Then I want to read I_C and:
1)Update I_MASTER with NEW records
2)Update existing records if the value of field MYFIELD in I_C is smaller than the value of MYFIELD in I_MASTER.
Let me know if I can provide anymore information.
Thanks in advance for you help!
Adriaan
Message was edited by: Adriaan
Message was edited by: Adriaan

Hi Adriaan ,
I want to read all the data of I_A into a new internal table I_MASTER (structured the same as I_A,I_B and I_C).
<b>i_master[] = i_a[] .</b>
loop at i_b .
read table i_master with key myfiled < i_b-myfield .
if sy-subrc = 0 .
append i_master from i_b .
endif.
endloop.
loop at i_c .
read table i_master with key myfiled < i_c-myfield .
if sy-subrc = 0 .
append i_master from i_c .
endif.
endloop.
Let me know if this helped .
Regards,
Varun .
Message was edited by: varun sonu

Help with rollover CSS

At
http://www.bbsjazzbluessoups.com,
the text links along the bottom and along the right side aren't the
color I wanted. I want the 'off' state to be #0099FF. Please help
me achieve this

On Wed, 5 Mar 2008 04:47:13 +0000 (UTC), "Bushido"
<[email protected]> wrote:
>Thanks Tim. I've looked at p7pm/p7pmv0.css, yet don't see
the code snippet you reference -
I think Tim is mistaken. He may have seen that snippet in a
<style>
block in the error page for the missing style sheet:
http://www.bbsjazzbluessoups.com/Templates/p7pm/p7pmv0.css
One guess about it is that you should *never* put any files
in the
Templates folder except for the actual .dwt templates.
However, I'm not sure what's causing your IE issue. The code
in the page
is a bit of a maze of nested tables littered liberally with
font tags
and I don't have the time to dig into all of it right now.
That said,
you have an incomplete doctype in the page, so IE will render
it in
quirks mode, meaning it will render all the old bugs of prior
versions.
You'll get much more reliable rendering if the page is
rendered in
standards compliance mode. To accomplish that, change this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
To this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
http://www.w3.org/TR/html4/loose.dtd">
That *may* help.
Gary

Adding content to a web page [was: Help with basic question (i think)]

Hi there everyone, first time in this forum.
Im creating a website for the first time in dreamweaver after using other programmes and have so far created a banner and nav bar across the left hand side. I am unsure on how i am meant to add any content into the actual centre of my page as there is no box there to write in or add pictures and when i create a image or div or table they all just hug the top of my page and refuse to go next to the navigation bar like i need to it! im sure it is simple but i am finding it so much harder to use than any other programme.
Im trying to do a list of pictures and descriptions for my mums business.
any help would be greatly appreciated.
thanks!
Harry

Harry, I have moved your post from the HTML5 Pack forum to the Dreamweaver General Discussion forum, which is the most appropriate place for this sort of question.
Dreamweaver is a professional web development program that requires at least basic understanding of the underlying web technologies: HTML and CSS. It's not a WYSIWYG program where you can just drag and drop items on a page. To give you a better understand of how Dreamweaver works, it might be a good idea to try the Building Your First Website tutorial here: http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html.
Since you're new to this forum, I also suggest you take a few moments to read How to get help quickly, and browse through the Dreamweaver FAQ.

Need help with footer div positioning

hi guys,
thank you for checking out my post...
on my website i want a footer div to sit at the very bottom
of the page. if the content requires the page to be scrolled i
would like the footer to be pushed down still at the bottom.
so basically, whether the page needs to be scrolled or not,
the footer div will be at the absolute bottom of the page. hope
that makes sense!
ive been trying and trying with endless tutorials and trying
different things that i know but to no avail.
if you could have a look at my site
here i would
be most grateful for any advice or solutions.
thank you once again and i hope to hear from you.
all the best,
sm

Spindrift wrote:
>
quote:
either make that bottom:0px; or bottom:0;
>
> oops! sorry, my bad! ive made the correction
> now the footer kind of works but just stays in the same
place as the content
> scrolls behind it.
> when no scrolling is needed on a page what we have is
good though.
> im after getting the content to push the footer down to
the bottom of the page
> so when you scroll down to the bottom (if the page needs
to be scrolled) the
> footer will be at the bottom (of the page not screen) if
that makes sense.
> many thanks,
> sm
>
You could check out this demo - view the code - paying
attention to the
comments in the embedded css, particularly, the padding on
the #body
(note that this is a div and not the body tag) div and the
height of the
#footer div.......
http://matthewjamestaylor.com/blog/bottom-footer-demo.htm
Personally I'd just let it go with the flow :-)
chin chin
Sinclair

Help with my css alignment

Hello, Can someone take a look at the css for the homepage of
a site I'm working on and give some advice on why myjboxes aren't
lining up properly. It looks fine in Firefox, but seems to break up
in Explorer.
Here's the site:
www.itfweb.com/kdhrc
I've been struggling with this for days and would appreciate
any help.
Thanks,
michelle

I have some ideas for you. Normally when divs stagger like
that its because they are overlapping by a pixel or so. Try adding
overflow: hidden; to your css for #content_home_quote. You might
also want to try making quote.gif a few less pixels wide.
PS I like your use of colors

Ack! need help with a CSS layout

I've been struggling to layout a Dreamweaver template that
does the following:
You can see the files here:
http://northfloridahealthcorps.org/Oct5/index.html
First, I know there's way to much CSS going on here. I'm
newer to CSS and there's a lot of code detritus that's probably
compounding my problems. My apologies. I don't know if you need to
anywise my code, I just want CSS that will solve the problem. Any
suggestions that will help me set up a page that will do the
following will be greatly appreciated.
The layout:
A centered 2 and 3 column layout with fixed width columns a
footer and a header.
I want to page to fill the browser in IE6 and 7, etc.
regardless of the quantity of content.
The footer needs to stay at the bottom; more content pushes
the footer below the viewport but the footer's at the bottom even
if the page has no text.
There's a background image in the wrapper/container that
helps delineate the columns. This needs to stretch vertically too.
I've read a lot on Divs that stretch but sill can't see to
figure out what I'm doing wrong. I have struggled and struggled
this and I'm going nuts! Some CSS settings work for IE7 allowing
the page to stretch but it doesn't work in IE6 or vice versa (and I
can't get the footer to work!). What am I doing wrong?
Thank's Thank's Thank's Thank's Thank's!
Greg

go here for a tutorial on keeping footers at the bottom of
the page
Text

Help with basic CSS positioning

Similar Messages

Maybe you are looking for