Topic: CSS question plz

!COOOOOLbus started this discussion 15 years ago #4,365

Multi columned website

#leftCol{

	background:#0f0;

	float:left;

	width:10%;

}

#rightCol{

	background-image:url('grad.png') repeat-y top left;

}

		<div id="leftCol">

		 <!-- ... -->

		</div>

		<div id="rightCol">

			<!-- ... -->

		</div>

1) the gradient image won't show even though it exists and the filename is correct
2) the left column collapses when there's nothing in it (inb4 put something in it)

(Edited 30 seconds later.)

Anonymous B joined in and replied with this 15 years ago, 1 minute later[^] [v] #77,957

1) Scatter gummy bears around to lure the gradient image out.
2) Give the left column crutches.

cat !COOOOOLbus (OP) replied with this 15 years ago, 4 minutes later, 6 minutes after the original post[^] [v] #77,977

@previous (B)
wolol

seriously tho

âœ„----- !ZSNgHQb5Ig joined in and replied with this 15 years ago, 21 minutes later, 27 minutes after the original post[^] [v] #78,019

put display:block; into both. Your left column collapses because it has no height when it has no content.

also your right column doesn't show because it has no width or content.

(Edited 4 minutes later.)

cat !COOOOOLbus (OP) replied with this 15 years ago, 14 hours later, 14 hours after the original post[^] [v] #78,720

@previous (âœ„----- !ZSNgHQb5Ig)
oh thanks you

> your right column doesn't show
actually that's where the main content goes :p but i'll do it anyway

Nickalollyoff !Aw0s40dyqw joined in and replied with this 15 years ago, 1 hour later, 15 hours after the original post[^] [v] #78,728

YOU'VE GOTTA MOVE THE TAGE FOR THE THING OUTSIDE

LIKE IN THE SHED

FUCKIN TAGS

savetheinternet !yf7kimmo9k joined in and replied with this 15 years ago, 51 minutes later, 16 hours after the original post[^] [v] #78,742

lol

Minichan