css div

Ephracis · 12-03-2008, 06:40 AM

Hi,

I am doing my first website in many years and I am trying to embrace this new "div"-thing that seems to be the new hot thing when it comes to layout. However, it is extremely different from the old tables that I am used to.

So what I am trying to do is that I want to divide the site in three columns: 2 margins on each side and a fixed size (800 pixels) column in the middle.

The key is that I want to just make the site in 800 px and be done with it, that way I don't have to care about different screen resolutions. It's a quick and dirty way, but it's fine for me.

Anyone know how to help me?

Thanks.

Disillusionist · 12-04-2008, 03:06 PM

The CSS Code (main.css):

Code:

body {
   background: rgb(150,150,150);
}

#container {
   width: 800px;
   height: 550px;
   border: 2px solid rgb(50,50,50);
   background: rgb(255,255,255);
   margin: 0px auto;
}

The HTML Code:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3c.org/TR/html4//strict.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <meta name="author" content="Disillusionist">
    <link rel="stylesheet" type="text/css" href="main.css">
  </head>
  <body>
    <div id="container">
      Place the rest here...
    </div>
  </body>
</html>

pixellany · 12-04-2008, 05:57 PM

A <div> is hardly a "hot new thing"!!!

<div> and css are different concepts--you can have one without the other.

The book which got me "over the hump" with all this was "Spring into CSS and HTML" by Molly Holzschlag. Will be at most large bookstores or Amazon

Disillusionist · 12-05-2008, 01:45 AM

I find w3schools.com to be one of the best online references for learning about css, html, and many more.

Pix, I suppose "new" is relative to how long ago the OP last wrote a web page.

pixellany · 12-05-2008, 07:48 AM

I thought that <div> and <span> had been part of html from the beginning....

I am not a programmer or a web designer and I have surely undersampled the available literature....

Ditto w3schools...The thing I like about the Holzschlag is the way she leads you thru a simple web page---it just made it "click" for me.

Disillusionist · 12-05-2008, 11:55 AM

They were (from HTML 2.0)

However, in the past most people (miss)used tables to set the layout of a web page.

It is only really in the last five years that people have taken to using <DIV> tags to segment the data and apply CSS styles to the different sections.

Therefore the "New" is more that people are now aware that the feature is there and are using it.

pixellany · 12-05-2008, 05:54 PM

And then of course there are ((shudder)) FRAMES!!