Jump to content


Photo

two column div help


  • Please log in to reply
3 replies to this topic

#1 centenial

centenial
  • Members
  • PipPipPip
  • Advanced Member
  • 59 posts

Posted 03 July 2006 - 01:29 PM

Hi,

I need a DIV that will appear to be in two columns. Example: http://www.dynamicdr...tableless-form/

However, I want it to start going up to the second column ONLY after a certain # of lines (Or height space) has been reached. Is this possible with CSS?

I appreciate your help,

#2 wildteen88

wildteen88
  • Staff Alumni
  • Advanced Member
  • 10,482 posts
  • LocationUK, Bournemouth

Posted 03 July 2006 - 02:33 PM

Can you explain in a bit more detail what you mean

#3 centenial

centenial
  • Members
  • PipPipPip
  • Advanced Member
  • 59 posts

Posted 03 July 2006 - 02:56 PM

Basically, I want this:

Item 1
Item 2
Item 3
Item 4
Item 5
<--! After Item Five Start Text at the top of column 2-->
Item 6
Item 7
Item 8
Item 9
Item 10

#4 wildteen88

wildteen88
  • Staff Alumni
  • Advanced Member
  • 10,482 posts
  • LocationUK, Bournemouth

Posted 03 July 2006 - 03:45 PM

Something like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>DIV Columns</title>
<style type="text/css">

#col1, #col2 {
    width: 100px;
    padding: 10px;
    border: 1px solid #F00;
    float: left;
}

#col2 {
    border: 1px solid #00F;
}
</style>
</head>
<body>

<div id="col1">Item1<br />
Item2<br />
Item3<br />
Item4<br />
Item5</div>
<div id="col2">Item6<br />
Item7<br />
Item8<br />
Item9<br />
Item10</div>

</body>
</html>





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users