473,660 Members | 2,437 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Is this possible without the use of tables?

A customer wants a liquid layout with two columns:
- The left column has a fixed width of 200px
- The right column has a variable width and contains the actual content
He wants the background color to extend from left to right and from top to
bottom.

Using a div with 100% height I can't go all the way down in IE, it only
wraps the content.
I don't think it's possible unless I use a 2-cols table, right?

--
Thanks,

Justin.
http://www.opera.com/mail/
Jul 21 '05 #1
10 1806
Els
Justin Sane wrote:
A customer wants a liquid layout with two columns:
- The left column has a fixed width of 200px
- The right column has a variable width and contains the actual content
He wants the background color to extend from left to right and from top to
bottom.
I reckon you mean: he wants the background colour of the left column
to be different from the background of the right column, and both to
extend all the way to the bottom, while the background of the right
column should also always fill the entire window horizontally,
regardless of the width of it?
Using a div with 100% height I can't go all the way down in IE, it only
wraps the content.
I don't think it's possible unless I use a 2-cols table, right?


Wrong.

Don't set a height to the div. Or to anything really.

Google for 2-col CSS layout.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Jul 21 '05 #2
On Wed, 29 Jun 2005 16:47:33 -0300, Els <el*********@ti scali.nl> wrote:
I reckon you mean: he wants the background colour of the left column
to be different from the background of the right column, and both to
extend all the way to the bottom, while the background of the right
column should also always fill the entire window horizontally,
regardless of the width of it?


Exactly.
Using a div with 100% height I can't go all the way down in IE, it only
wraps the content.
I don't think it's possible unless I use a 2-cols table, right?


Wrong.

Don't set a height to the div. Or to anything really.


The div is the same height as the content :(

--
Thanks,

Justin.
http://www.opera.com/mail/
Jul 21 '05 #3
On Wed, 29 Jun 2005 16:47:33 -0300, Els <el*********@ti scali.nl> wrote:

Don't set a height to the div. Or to anything really.


Actually I'm looking for sthg like this but that uses 100% of the window:

http://nemesis1.f2o.org/authors/weak...al_longcontent
--
Thanks,

Justin.
http://www.opera.com/mail/
Jul 21 '05 #4
Els
Justin Sane wrote:
On Wed, 29 Jun 2005 16:47:33 -0300, Els <el*********@ti scali.nl> wrote:
Don't set a height to the div. Or to anything really.


Actually I'm looking for sthg like this but that uses 100% of the window:

http://nemesis1.f2o.org/authors/weak...al_longcontent


You mean 100% width, right?
(100% height doesn't make sense)

Take the source of that page, look at the styles for #container, and
delete this line from it:

margin: 1em 5%;

(and don't forget to copy
http://nemesis1.f2o.org/authors/weak...background.jpg
for the idea of a left column extending to the footer)

:-)
--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Jul 21 '05 #5
On Wed, 29 Jun 2005 18:07:48 -0300, Els <el*********@ti scali.nl> wrote:
You mean 100% width, right?
(100% height doesn't make sense)


Yes, the customer wants 100% height. I had to disable
application/xhtml+xml and the color bleeded all the way down.

--
Thanks,

Justin.
http://www.opera.com/mail/
Jul 21 '05 #6
Els
Justin Sane wrote:
On Wed, 29 Jun 2005 18:07:48 -0300, Els <el*********@ti scali.nl> wrote:
You mean 100% width, right?
(100% height doesn't make sense)
Yes, the customer wants 100% height.


100% height of viewport? How high does the customer think my viewport
is? You're saying he/she wants to scroll the columns independently and
occupy part of my window with a header and part of it with a footer at
all times, so I have only a few lines to read before I have to scroll?

I guess you should try and educate your client :-)

I don't know for sure, cause I never found any reason to try it out,
but I don't think you will succeed this 100% height with srolling
center in all browsers.
I had to disable application/xhtml+xml
No need for xhtml at all, just html will do. The example you gave
wasn't xhtml either. (nor 100% height btw)
and the color bleeded all the way down.


What colour bleeded where? Do you have a URL to show what you mean?

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Jul 21 '05 #7
On Wed, 29 Jun 2005 19:16:13 -0300, Els <el*********@ti scali.nl> wrote:
What colour bleeded where? Do you have a URL to show what you mean?


Well, here it is, but it doesn't work in Opera, I have no idea why it
looks broken like this:
http://www.auriance.com/docs/engesand/
--
Thanks,

Justin.
http://www.opera.com/mail/
Jul 21 '05 #8
Els
Justin Sane wrote:
On Wed, 29 Jun 2005 19:16:13 -0300, Els <el*********@ti scali.nl> wrote:
What colour bleeded where? Do you have a URL to show what you mean?


Well, here it is, but it doesn't work in Opera, I have no idea why it
looks broken like this:
http://www.auriance.com/docs/engesand/


Que legal! Gostei de ver que tá em Português :-)

Okay, nem sei se voçê entende a língua mesmo, então, melhor en Inglês:

I don't have time to explain exactly why and how, but feel free to
copy what I did here:
http://here.locusmeus.com/temp/justinsane.html
I added one wrapper to the HTML, deleted a couple of heights from the
CSS, added a min-height and a 'only for IE height'.
There's a lot of styles in there that I personally wouldn't have used,
but it's your job, so.. ;-)

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Jul 21 '05 #9
On Thu, 30 Jun 2005 21:26:28 -0300, Els <el*********@ti scali.nl> wrote:
what I did here:
http://here.locusmeus.com/temp/justinsane.html


Thank you, it fixed it :)
Are you from Brazil or from the Netherlands?
Have a great day!

--
Thanks,

Justin.
http://www.opera.com/mail/
Jul 21 '05 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

5
4076
by: anthonyberet | last post by:
I work for an organisation that uses a bespoke document imaging system, the database of which is an MS sql server. We have MS Access and already use it for some querying of the database. The database comprises a large number of distinct cases, which are differentiated by case reference numbers, in one field (table?) of the database. Each of these cases may have many documents associated with it, denoted by the reference number, and these...
10
11107
by: Dan V. | last post by:
Is it possible to have 2 divs beside each other and one not wrap around? I realize the 2 div's are floating left but I can only think of this as the best solution for now. I am trying to get the thumbnail photos and the large home rendering on top not to wrap, and only the interior/exterior photos to wrap. What do you recommend? http://www.officeactivate.com/schuit/madison.shtml
3
7872
by: Jonathan | last post by:
Hi all! For a match schedule I would like to find all possible combinations of teams playing home and away (without teams playing to themselves of course). I now the simple version works something like this: For a (very) simple table containing three rows like this: row 1: A
9
10632
by: Robert Schneider | last post by:
Hi to all, I don't understand that: I try to delete a record via JDBC. But I always get the error SQL7008 with the error code 3. It seems that this has something to do with journaling, since the table from which I want to delete has two foreign keys that references two other tables and it is also referenced by another table. But this shouldn't be a problem, since I set the commit mode to none (or *none) at all places where this makes...
3
1740
by: mvivar | last post by:
Dear guys: First of all, I have to thank all of you, because I have found lots of answers since months without having to call your attention to me until now. I have a database in access 97 which runs in a local network. Now the guy that works with it "mainly" is located in other city. So, the database is located in that city. The problem is that some of us, need to consult the data and of course need sometimes to update
8
1904
by: Daniel | last post by:
Hi, Does anyone know if it is possible to put an aspx page inside of another? OR run an aspx page and capture the output as a string and then write this out to a page.... So for example say you have a page that takes an id number as a query string and displays different things based on that id number. If you were able to loop through running the aspx pages with id=100, id=200,
13
17135
by: salad | last post by:
Operating in A97. I didn't receive much of a response conserning Pivot tables in Access. Pivot tables are nice, but a CrossTab will work for me too. Using a Pivot table, one is actually launching Excel for data viewing. I'd prefer the user stay in Access. Creating dynamic crosstab queries is pretty simple. The problem is that the column count may shrink or grow depending on the filter.
11
10292
by: Tim Hunter | last post by:
Hi I am using WinXP and Access 2003 Is it possible to store the field names of a table in an array and then loop through the array and update the table using the field names stored in the array? I can't figure out the coding to accomplish this. I have an Excel application that is a monster and it has become too much to maintain and test. I didn't write it but i support it. I am trying to convert this application to Access and it is not as...
5
2176
by: shapper | last post by:
Hello, I have the following list: <ul id="parent" class="parent"> <li> <img... </li> <ul id="child" class="child"> <li>Message 1</li>
2
1683
by: Thirdworld | last post by:
Is it possible to use multiple tables in a single form without using sub-forms? I want to be able to input information that goes to multiple tables at the same time. I can post a design of what I'm trying to achieve if necessary.
0
8428
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
8754
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
8542
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
8630
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
1
6181
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 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 a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
5650
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4177
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
4343
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
2
1984
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.