HighDots Forums  

How do I get two vertical divs to be even?

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss How do I get two vertical divs to be even? in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Jim
 
Posts: n/a

Default How do I get two vertical divs to be even? - 06-20-2008 , 04:06 PM






I'm trying to build a simple 3 panel web page and don't seem to be able
to get the two panels that are side by side the same length. The left
one is shorter.

The web site is: http://jim.lynch.name/testa.html

The css is embedded and is at the front of the file.

Any hints would be much appreciated.

Jim.

Reply With Quote
  #2  
Old   
dorayme
 
Posts: n/a

Default Re: How do I get two vertical divs to be even? - 06-20-2008 , 08:07 PM






In article <Q3U6k.11388$s77.9007 (AT) bignews3 (DOT) bellsouth.net>,
Jim <k4gvo (AT) bellsouth (DOT) net> wrote:

Quote:
I'm trying to build a simple 3 panel web page and don't seem to be able
to get the two panels that are side by side the same length. The left
one is shorter.

The web site is: http://jim.lynch.name/testa.html

The css is embedded and is at the front of the file.

Any hints would be much appreciated.

Instead of your:

..Container {...}
div.Navigation {... background-color:#e0e0e0}
div.Content {...}


put


..Container {... background:#e0e0e0;}
div.Navigation {...}
div.Content {... background: #fff;}

There are other things wrong but this should fix your immediate concern.

--
dorayme


Reply With Quote
  #3  
Old   
Jim
 
Posts: n/a

Default Re: How do I get two vertical divs to be even? - 06-21-2008 , 06:32 AM



dorayme wrote:
Quote:
In article <Q3U6k.11388$s77.9007 (AT) bignews3 (DOT) bellsouth.net>,
Jim <k4gvo (AT) bellsouth (DOT) net> wrote:

I'm trying to build a simple 3 panel web page and don't seem to be able
to get the two panels that are side by side the same length. The left
one is shorter.

The web site is: http://jim.lynch.name/testa.html

The css is embedded and is at the front of the file.

Any hints would be much appreciated.


Instead of your:

.Container {...}
div.Navigation {... background-color:#e0e0e0}
div.Content {...}


put


.Container {... background:#e0e0e0;}
div.Navigation {...}
div.Content {... background: #fff;}

There are other things wrong but this should fix your immediate concern.

Looks good, thanks. Now what else did you spot that my simple test
hasn't caught?

Thanks,
Jim.


Reply With Quote
  #4  
Old   
Jim
 
Posts: n/a

Default Re: How do I get two vertical divs to be even? - 06-23-2008 , 06:38 AM



dorayme wrote:
Quote:
In article <_L47k.11716$s77.10825 (AT) bignews3 (DOT) bellsouth.net>,
Jim <k4gvo (AT) bellsouth (DOT) net> wrote:

dorayme wrote:
In article <Q3U6k.11388$s77.9007 (AT) bignews3 (DOT) bellsouth.net>,
Jim <k4gvo (AT) bellsouth (DOT) net> wrote:

(snip)
Pacific&nbsp;Coast&nbsp;Highway

Get rid of the line:

div.Header {width:100%; text-align:center;border: 5px solid red;}

That's it for now. beckoning is a swim at Little Bay, a walk along
Botany Bay with a nice big friendly dog, dinner at a good fish cafe
overlooking the bay and like that...

Jesus! I have practically told my enemies where they can find and knock
me off. But be careful. The dog is very protective of me - he won't be
fed till it goes dark and he is no vegetarian. One of the ways it is
easy to tell that something is meat is if it is live and moves. Carrots
don't do that.

Lol! Dorayme, thanks a bunch for the advice. You're just paranoid, no
one wants to knock you off. You're too valuable!

Jim.


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.