How to increase the height of left panel div as the content div increases.

Hello
Can any body help me with this
The problem is

As the text increses in height the side bar should also increase.

As shown in pic.
[IMG][/IMG]

Expand|Select|Wrap|Line Numbers

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Untitled Document</title>

</head>

<style>

body{

margin:0px;

height: 100%;

}

.home1

{

margin-left:20px;

margin-top:20px;

width:350px;

clear:left;

}

.home1_text

{

    padding-left:4px;

    font:9pt Arial, Helvetica, sans-serif;

    float:left;

}

.home1_bar

{

    width:15px;

    background-color:#90BFCF;

    height:100%;

    float:left;

}

</style>
 
<body>

<div class="home1">

                <div class="home1_bar"></div>

                <div class="home1_text">We intend to assist deserving Indian manufacturers of workshop tools, to export in the world market using                 our experience and contacts of over 50 years.

                </div>

</body>

</html>

Mar 22 '07 #1

Subscribe Post Reply

3030

Yanskopolis

It already does increase in height.

Mar 22 '07 #2

Yanskopolis

Oh wait, you're talking about the sibling div right? The only way you could make it's height relative to the content of a sibling element is to use Javascript.

Mar 22 '07 #3

drhowarddrfine

7,435

Expert 4TB

As usual, validate for your list of errors that will fix this problem.

Mar 22 '07 #4

AricC

1,892

Expert 1GB

You can use percentages to help. When you say the text increases you mean when you add content?

Mar 22 '07 #5

mahenk

You can use percentages to help. When you say the text increases you mean when you add content?

Hello Folks,
let me agian explain my problem.
if you see the code
the div with class home1_bar should increase in height as the text matter in the div with class home1_text increases.
Presently the div with class home1_bar remains of the same height irrespective of the increase in the text matter in div with home1_text.

Mar 23 '07 #6

drhowarddrfine

7,435

Expert 4TB

And I repeat again, fix your errors to fix the problem.

Mar 23 '07 #7

oldunclebill

I have no idea what you're trying to accomplish, but this will give you a different result:

<div class="home1">
<div class="home1_bar">
<div class="home1_text">We intend to assist deserving Indian manufacturers of workshop tools, to export in the world market using our experience and contacts of over 50 years.
</div>
</div>
</div>

Mar 23 '07 #8

by: Steve Bottoms | last post by:

Hi, all! Using VB as code-behind in asp.net page... I have a TABLE control which I'm building dynamically. After the table is built, I'm trying to retrieve the HEIGHT property of that table...

ASP.NET

Setting height of panel

by: Roland Dick | last post by:

Hello, I have a problem here with an ASP.NET website. The pages are supposed to use a single master page which just contains some images and a menu control on the top, below that is the content...

ASP.NET

overflow:auto (or scoll) and height:100%

by: reycri | last post by:

I have a page that works as I intend in IE but not in Firefox: <html> <head> <title>Overflow Test</title> </head> <body style='overflow:hidden; margin:0; padding:0;'> <table border='0'...

HTML / CSS

measuring web controls height at runtime (or converting .height % to px)

by: Wotney | last post by:

Hoping someone out there can help... I have an UpdatePanel that uses Atlas/Ajax to update it's contents without having to postback the entire page. (pnlUpdate) Within pnlUpdate I have a normal...

ASP.NET

Height at 100% Not Working

by: Mike Collins | last post by:

I am trying to create some pages and have them take 100% of the window, but I cannot get 100% to work. If I set the height of my div, the page displays a scroll bar and it looks like I set the...

ASP.NET

CSS and Container Height Problems

by: ianv2 | last post by:

Hi I have a div which contains my local navigation bar, which has a blue background and is next to the content div, at the moment however this blue background colour stops after the unordered...

HTML / CSS

Increase Image Size

by: hobo38 | last post by:

Hi, I have tried to incorporate an image increase and decrease on mouseover from an earlier posting. Can anyone help me do this with multiple images? Here is the html page I have as a sample: ...

Javascript

full height columns

by: Jeff | last post by:

Nearly identical post in alt.www.webmaster, where it is languishing. I'd like a column that flows the full height of a page, even if you scroll down. If I did this: <div style="width:...

HTML / CSS

Problem with min-height... (Please Help Me)

by: ssmeshack | last post by:

Hai all, Im having problem to set minimum height to <td> tag. It only takes height only not min-height. Im ie7 browser and developing web based system in Visual Web Deveploper 2008 (C# .Net). ...

HTML / CSS

Wordpress or something else?

by: Faith0G | last post by:

I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

Content Management Systems

Access Europe: Command bars, the Access Shortcut Tool and a simple Audit Log - Wed 3 April

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

General

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

How to increase the height of left panel div as the content div increases.

Similar topics