Jump to content


CSS Layout Help


4 replies to this topic

#1 digitalmike

    Young Padawan

  • Members
  • Pip
  • 15 posts
  • Location:Detroit, MI

Posted 02 February 2006 - 09:47 PM

Hey guys,

I am having a problem with coding my layout with CSS. I would like to make two columns/divs or whatever for the red boxes I listed in the example below. Any help to do so would be greatly appreciated.

Thanks in advance.

Example: http://www.detroitro...com/example.jpg

#2 dEcade

    P2L Staff

  • P2L Staff
  • PipPipPipPip
  • 1,850 posts
  • Gender:Male
  • Location:Saskatoon, Saskatchewan
  • Interests:Guitar, Programming, Storm Chasing, Games (Designing and playing), Hockey, Photography

Posted 02 February 2006 - 10:12 PM

Try searching P2L and google

http://www.pixel2life.com/tutorials/CSS_St...&c=1&d=1&ss=div

dEcade

#3 greg

    Jedi In Training

  • Members
  • PipPip
  • 499 posts
  • Location:New York City
  • Interests:Fine art, web and graphic design, naval architecture, chess, and sports.

Posted 03 February 2006 - 12:12 AM

Use relative positioning:
#left {
float: left;
position: relative;
top: 0;
left: 0;
}
#right {
float: left;
position: relative;
top: 0;
left: 400px;
}
Replace 400px with the distance you want.

#4 digitalmike

    Young Padawan

  • Members
  • Pip
  • 15 posts
  • Location:Detroit, MI

Posted 03 February 2006 - 12:22 AM

Would I place that code in the style sheet or in the page itself? Sorry for the newbie question guys.

#5 greg

    Jedi In Training

  • Members
  • PipPip
  • 499 posts
  • Location:New York City
  • Interests:Fine art, web and graphic design, naval architecture, chess, and sports.

Posted 03 February 2006 - 12:39 PM

Well that's CSS code, so it would be best to place it in the stylesheet. On your HTML page, just give the divs the correct id's.





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users