Three columns CSS not work properly

•

What is DaniWeb IT Discussion Community?

You're currently browsing the HTML and CSS section within the Web Development category of DaniWeb, a massive community of 427,159 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 1,875 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.

Join our community!

Please support our HTML and CSS advertiser: Lunarpages Web Hosting

Thread Tools Display Modes

Views: 1849 | Replies: 4

•

Join Date: Jun 2005

Posts: 6

Reputation: ljCharlie is an unknown quantity at this point

Rep Power: 0

Solved Threads: 0

ljCharlie

Offline

Newbie Poster

Three columns CSS not work properly

Jun 8th, 2005

I've got problem. Here's what it looks like, Click Here. The div #sidebar-b should not be that far from the #sidebar-a or Part# 1. They should only be 50px appart from each other.

Any help is appreciated.

•

Join Date: Dec 2004

Location: London or Slovakia

Posts: 2,467

Reputation: peter_budo is a jewel in the rough

Rep Power: 11

Solved Threads: 296

peter_budo peter_budo is offline

Offline

Code tags enforcer

Re: Three columns CSS not work properly

Jun 9th, 2005

•

Originally Posted by ljCharlie

I've got problem. Here's what it looks like, Click Here. The div #sidebar-b should not be that far from the #sidebar-a or Part# 1. They should only be 50px appart from each other.

Any help is appreciated.

Well your sidebar-b is not related by 50px to sidebar-a but to your image face.gif!!! You can see that if you change margin to 0px
I would recomend to you use table or posittionig

Learn to see in another's calamity the ills which you should avoid.
Publilius Syrus
(~100 BC)
If we helped you to solve your problem, answered your question please mark your post as SOLVED.

•

Join Date: Dec 2004

Location: London or Slovakia

Posts: 2,467

Reputation: peter_budo is a jewel in the rough

Rep Power: 11

Solved Threads: 296

peter_budo peter_budo is offline

Offline

Code tags enforcer

Re: Three columns CSS not work properly

Jun 9th, 2005

OK, I just played with it little bite and came with effective solution.

You have to put both sidebars in container "div" as followed

Help with Code Tags

(Toggle Plain Text)

  <div> 
<DIV id=sidebar-a>
<P>Part# 1</P>
<P>Welcome to the LorResident service. At the LorResident we provide the 
following services: </P>
<P></P>
<UL>
  <LI class=SmallestText>1 
  <LI class=SmallestText>2 
  <LI class=SmallestText>3 </LI></UL></DIV>
<DIV id=sidebar-b>
<P>Part# 2</P>
<P>Zoo siab txais tos nej rau hauv LorResident (Tsev Neeg Lauj). Nyob rau hauv 
LorResident peb muaj kev pab raws li nram no: </P>
<P></P>
<UL>
  <LI class=SmallestText>1 
  <LI class=SmallestText>2 
  <LI class=SmallestText>3 </LI></UL></DIV>
 </div>

than rest of the code

Help with Code Tags

(Toggle Plain Text)

<DIV id=content>
<P align=center><IMG height=101 src="lorresident_files/pcSupport.gif" 
width=166></P>
<P align=center><IMG height=101 src="lorresident_files/web.gif" width=166></P>
<P align=center><IMG height=101 src="lorresident_files/video.gif" 
width=166></P></DIV>
<DIV id=sidePic>&nbsp;<IMG height=399 src="lorresident_files/face.gif" 
width=315></DIV>

Simple solution, just time to time its take me little longer :o

Learn to see in another's calamity the ills which you should avoid.
Publilius Syrus
(~100 BC)
If we helped you to solve your problem, answered your question please mark your post as SOLVED.

•

Join Date: Jun 2005

Posts: 6

Reputation: ljCharlie is an unknown quantity at this point

Rep Power: 0

Solved Threads: 0

ljCharlie

Offline

Newbie Poster

Re: Three columns CSS not work properly

Jun 9th, 2005

Thank you very much! I'll give that a try. By the way, why do I need the extra div container to hold those two divs?

Again, thanks!

•

Join Date: Dec 2004

Location: London or Slovakia

Posts: 2,467

Reputation: peter_budo is a jewel in the rough

Rep Power: 11

Solved Threads: 296

peter_budo peter_budo is offline

Offline

Code tags enforcer

Re: Three columns CSS not work properly

Jun 9th, 2005

To keep them as one complex, so the settings for second sidebar does apply to firstone and not to somthing else.

Learn to see in another's calamity the ills which you should avoid.
Publilius Syrus
(~100 BC)
If we helped you to solve your problem, answered your question please mark your post as SOLVED.