Web Design Forums

dougmays · 16-10-2006, 21:51

i still haven't conquered a good method of displaying to divs side by side to form to columns.

right now i'm trying

.one{width:20%}
.two{width:80%}

<html>
<body>
<div class=one></div>
<div class=two></div>
</body>
</html>

puesdo code

anyone have any better methods?

thanks

.Ryan · 16-10-2006, 22:05

float:left;

on one.

dougmays · 16-10-2006, 22:12

is there a good way to do it without using floats?

pgo · 16-10-2006, 23:26

Not really. You could use positioning, but that can get really messy really quickly.

You'll want to float both of them also.

dougmays · 17-10-2006, 15:51

ok...kinda on the same line. i've noticed if you float the 2 and set them to the width that added together equals the width....and no borders. alot of times the right most one will got the next line. cause it runs out of space. do divs have border widths even if there are nonde in the css

freelancr · 17-10-2006, 17:33

its always best to leave a gap between the divs anyway, so just make one 20% and the other 75%.

SeanMedia · 17-10-2006, 18:34

and make sure you use:

Code:

* {
    margin:0;
    padding:0;
   }

at the top of your CSS file to stop different browsers using their different defaults.

R1gM · 17-10-2006, 20:10

Also if you use a container and you want a background to scale with the columns use a clear:both div at the bottom./

16-10-2006, 21:51	#1 (permalink)
dougmays Registered User Join Date: Oct 2006 Location: Ft. Lauderdale, FL. Posts: 90	2 columns i still haven't conquered a good method of displaying to divs side by side to form to columns. right now i'm trying .one{width:20%} .two{width:80%} <html> <body> <div class=one></div> <div class=two></div> </body> </html> puesdo code anyone have any better methods? thanks

17-10-2006, 18:34	#7 (permalink)
SeanMedia Senior Member Join Date: Jun 2003 Location: Belfast, Ireland Posts: 416	and make sure you use: Code: * { margin:0; padding:0; } at the top of your CSS file to stop different browsers using their different defaults.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

16-10-2006, 22:05	#2 (permalink)
.Ryan Senior Member Join Date: Jun 2006 Posts: 295	float:left; on one.

16-10-2006, 22:12	#3 (permalink)
dougmays Registered User Join Date: Oct 2006 Location: Ft. Lauderdale, FL. Posts: 90	is there a good way to do it without using floats?

16-10-2006, 23:26	#4 (permalink)
pgo Senior Member Join Date: Jan 2005 Posts: 12,340	Not really. You could use positioning, but that can get really messy really quickly. You'll want to float both of them also.

17-10-2006, 15:51	#5 (permalink)
dougmays Registered User Join Date: Oct 2006 Location: Ft. Lauderdale, FL. Posts: 90	ok...kinda on the same line. i've noticed if you float the 2 and set them to the width that added together equals the width....and no borders. alot of times the right most one will got the next line. cause it runs out of space. do divs have border widths even if there are nonde in the css

17-10-2006, 17:33	#6 (permalink)
freelancr Senior Member Join Date: Oct 2006 Posts: 2,305	its always best to leave a gap between the divs anyway, so just make one 20% and the other 75%.

17-10-2006, 20:10	#8 (permalink)
R1gM Senior Member Join Date: Sep 2006 Posts: 276	Also if you use a container and you want a background to scale with the columns use a clear:both div at the bottom./

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)