centenial Posted July 3, 2006 Share Posted July 3, 2006 Hi,I need a DIV that will appear to be in two columns. Example: [url=http://www.dynamicdrive.com/style/csslibrary/item/css-tableless-form/]http://www.dynamicdrive.com/style/csslibrary/item/css-tableless-form/[/url]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, Link to comment https://forums.phpfreaks.com/topic/13542-two-column-div-help/ Share on other sites More sharing options...
wildteen88 Posted July 3, 2006 Share Posted July 3, 2006 Can you explain in a bit more detail what you mean Link to comment https://forums.phpfreaks.com/topic/13542-two-column-div-help/#findComment-52439 Share on other sites More sharing options...
centenial Posted July 3, 2006 Author Share Posted July 3, 2006 Basically, I want this:Item 1Item 2Item 3Item 4Item 5<--! After Item Five Start Text at the top of column 2-->Item 6Item 7Item 8Item 9Item 10 Link to comment https://forums.phpfreaks.com/topic/13542-two-column-div-help/#findComment-52456 Share on other sites More sharing options...
wildteen88 Posted July 3, 2006 Share Posted July 3, 2006 Something like this:[code]<!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>[/code] Link to comment https://forums.phpfreaks.com/topic/13542-two-column-div-help/#findComment-52484 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.