2 replies [Last post]
Gaia
Offline
Regular
in a box
Last seen: 17 years 5 weeks ago
in a box
Joined: 2005-07-12
Posts: 45
Points: 0

How do i get my layout organized like the following?

Made it in paint so sorry for the messyness lol. (check the bottom for the attached image)

my css so far.

body {
background: #666666;
font: 80%;
color: white;
}

p {
  color: #ffffff;
  background-color: #006699;
}

em {
  color: #aaaaaa;
}

a:link, a:visited {
  color: #9a5c1f;
  text-decoration: none;
  border-bottom: 1px dotted #ffffff;
  font-size: 11;
  font-weight: none;
}

a:hover {
  color: #ffffff;
  text-decoration: none;
  border-bottom: 1px dotted #9a5c1f;
  font-size: 11;
}

#logo {
  width: 800px;
  background-color: #2c2a2a;
}

#container {
   width: 800px;
   border: dotted 1px #ffffff;
   background-color: #2c2a2a;
   margin: auto auto;
   }

#navigation {
  width: 800px;
  background-color: #2c2a2a;
  }

#leftcolumn {
   float: left;
   width: 200px;
   margin: 0;
   padding: 5px;
   border: 1px dotted #ffffff;
}
#middlecolumn {
   width: 200px;
   padding: 5px;
   margin: 0 auto;
   border: 1px dotted #ffffff;
}
#rightcolumn {
   float: right;
   width: 200px;
   margin: 0;
   padding: 5px;
   border: 1px dotted #ffffff;
}

#newscolumn {
  float: left;
  width: 375px;
  margin: 0;
  padding: 5px;
  border: 1px solid #ffffff;
}

#footer {
  width: 800px;
  border: 1px dotted #ffffff;
  }


div.spacer {
clear: both;
margin: 0;
     }

BonRouge
BonRouge's picture
Offline
Enthusiast
Sendai, Japan
Last seen: 13 years 47 weeks ago
Sendai, Japan
Timezone: GMT+9
Joined: 2005-07-10
Posts: 237
Points: 0

a layout like this

Gaia
Offline
Regular
in a box
Last seen: 17 years 5 weeks ago
in a box
Joined: 2005-07-12
Posts: 45
Points: 0

a layout like this

hmm, some of it might help some. I'll play around with what you have with what i have and see how far i get.

Thanks.