Sunday, April 4, 2010

CSS Question

I've made a simple layout to illustrate what I'd like to try
to fix




Sample site



The right column hangs with a gap before the footer in
Firefox (not in IE6). If I have a longer content region, then the
left subnav section hangs.



Here's my style sheet




Style
Sheet



Any suggestions for fix within CSS without adding another DIV
around my two column DIVs? Many thanks.



-LokeyCSS Question
Google ''faux columns''.



--

Murray --- ICQ 71997575

Adobe Community Expert

(If you *MUST* email me, don't LAUGH when you do so!)

==================


http://www.projectseven.com/go
- DW FAQs, Tutorials %26amp; Resources


http://www.dwfaq.com - DW FAQs,
Tutorials %26amp; Resources

==================





''thlokey'' %26lt;webforumsuser@macromedia.com%26gt; wrote in
message

news:fgktm1$7go$1@forums.macromedia.com...

%26gt; I've made a simple layout to illustrate what I'd like to
try to fix

%26gt;

%26gt;
http://www.todlokey.com/training

%26gt;

%26gt; The right column hangs with a gap before the footer in
Firefox (not in

%26gt; IE6).

%26gt; If I have a longer content region, then the left subnav
section hangs.

%26gt;

%26gt; Here's my style sheet

%26gt;

%26gt;
http://www.todlokey.com/training/training.css

%26gt;

%26gt; Any suggestions for fix within CSS without adding
another DIV around my

%26gt; two

%26gt; column DIVs? Many thanks.

%26gt;

%26gt; -Lokey

%26gt;



CSS Question
Is there really no way to accomplish this within the
definition of the column DIVs? It seems like y-repeating a color
image behind my columns is problematic if I don't want it to go
beyond my footer.
''thlokey'' %26lt;webforumsuser@macromedia.com%26gt; wrote in
message

news:fgl1i0$c5m$1@forums.macromedia.com...

%26gt; Is there really no way to accomplish this within the
definition of the

%26gt; column DIVs? It seems like y-repeating a color image
behind my columns is

%26gt; problematic if I don't want it to go beyond my footer.



Wrap subnav and content together and use that DIV for the
faux-column image

also, make sure to apply ''overflow:hidden;zoom:1'' on that DIV



--

Thierry

Articles and Tutorials:
http://www.TJKDesign.com/go/?0

--


http://www.divahtml.com/products/scripts_dreamweaver_extensions.php

- divaGPS - Add ''you are here'' highlighting to virtually any
menu

- divaFAQ - Create FAQ pages that toggle (show/hide) the
answers

- divaPOP - Easy, clean, standards-compliant popup windows.



  • skin
  • almay
  • make up techniques
  • No comments:

    Post a Comment