[css-d] REPOST: layout falls apart in Netscape 7.x

[Dova Wilson]

One of these days I'll get to a point where I can help answer questions,
but unfortunately I'm still too much of a newbie with CSS. I'd really
appreciate some advice on what is going wrong with this page. It is
validating and it looks OK in at least IE and Mozilla, but completely
falls apart in Netscape (tested versions 7.0 and 7.2). 


HTML:
http://www.gwvirginia.gwu.edu/newsite/
 
CSS:
http://www.gwvirginia.gwu.edu/newsite/styles/global.css
http://www.gwvirginia.gwu.edu/newsite/styles/home.css
 
What is likely causing this display problem? It looks like things are
somehow being stretched and the columns are no longer lining up. Is
there a bug with Netscape that would mess up the floats or clearing? Or
some other Netscape specific problems?
 
Thanks a million for pointing me in the right direction.
 
Dova H. Wilson
Marketing Communications Specialist
George Washington University Virginia Campus
20101 Academic Way, Suite 134
Ashburn, Virginia 20147
Phone: 703-726-3652
Fax: 703-726-3655
www.gwvirginia.gwu.edu
 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] QUESTION: layout falls apart in Netscape 7.x (not worrying about Netscape4)

[Dova Wilson]

This site is still under development. Both the HTML and CSS are passing
validation using the W3C validation service. It seems to display OK in
multiple versions of IE and Mozilla, but in Netscape 7.0 and 7.2 the
layout completely falls apart. 
 
I did a web search looking for likely reasons and found a number of
outdated things and other Netscape problems that didn't seem to match
what is happening here. Can you give me an idea of what might be going
one so I can search for solutions to a more specific problem? I'm on the
digest.


HTML:
http://www.gwvirignia.gwu.edu/newsite/
 
CSS:
http://www.gwvirignia.gwu.edu/newsite/styles/global.css
http://www.gwvirignia.gwu.edu/newsite/styles/home.css
 
Thanks so much for pointing me in the right direction.
 
Dova H. Wilson
Marketing Communications Specialist
George Washington University Virginia Campus
20101 Academic Way, Suite 134
Ashburn, Virginia 20147
Phone: 703-726-3652
Fax: 703-726-3655
www.gwvirginia.gwu.edu
 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] ADVICE NEEDED: CSS validation issues with javascript?

[Dova Wilson]

I am getting a number of CSS validation errors that seem to be referring
to lines in the code where there is JavaScript running. At the moment
I'm getting 28 errors! 
 
http://www.gwvirginia.gwu.edu/newsite/ (site under development)
 
Is there a way to tell the Markup Validation Service that this is not
CSS or HTML? Or does www.validator.w3.org 
really check the JavaScript and this is an indication of a problem with
the code? It scripts do seem to be functioning, so I'm confused. 
 
Thanks for telling me if there is a way to disable or whether I need to
check further for some sort of script error (maybe a conflict between
multiple scripts).
 
I'm on the digest.
 
 
Dova H. Wilson
Marketing Communications Specialist
George Washington University Virginia Campus
20101 Academic Way, Suite 134
Ashburn, Virginia 20147
Phone: 703-726-3652
Fax: 703-726-3655
www.gwvirginia.gwu.edu
 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Faux column working in IE6, but not Firefox or Netscape

[Dova Wilson]

http://www.gwvirginia.gwu.edu/newsite/pg2.4.html
 
My faux columns are working in IE6, but not in Firefox 2.0.0.3. I
haven't tested extensively in other browsers, but Netscape 7.0 and 7.2
don't seem to be working either. The page and css have passed W3C
validation.
 
I have a background image set on #wrapcolumns with a width of 738px.
background: url (../images/bg2.gif) repeat-y;
 
The left hand subnavigation column (#navbarside, float: left) should be
dark blue and the #wrapper (float: right with other divs inside of it)
should have a white background.
 
My style sheet is at /styles/pg.2.3.css. 
 
Note that I'm still tweaking a number of other things on the page.
 
Thanks in advance for help with this.
 
Dova H. Wilson
Marketing Communications Specialist
George Washington University Virginia Campus
20101 Academic Way, Suite 134
Ashburn, Virginia 20147
Phone: 703-726-3652
Fax: 703-726-3655
www.gwvirginia.gwu.edu
 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] QUESTION: Choosing a CSS navigation system

[Dova Wilson]

I'm looking for a CSS option like one of these on these non-CSS menus on
the Adobe exchange. I need the menu to be vertical and open and close to
show options in some way without being a fly out menu. I also am looking
for a bug free menu that works in as many browsers as possible.
 
I found the following two options, which have 4/5 ratings on the Adobe
Exchange, but aren't just CSS. 

http://www.faithornstudios.com/bouncemenu/ 
They have both a free one and a newer version that costs $15. I looked
over the documentation some to try to get a sense of how this works. Is
it using frames in addition to a Flash movie? I'd rather not go there,
but like the way it looks.
 
http://www.flashcomponents.net/
I haven't read the documentation in detail to know how much
customization is allowed. Not sure we will like the way this looks on
the new site (in progress). 
 
Another possibility is to make a menu that "fakes" showing more options.
Basically when you click on the navigation bar option it takes you to
the page in question that then displays the other options as text links.
One university example of this I found is at http://www.bu.edu/apply/.
This seems to work and is easier to set-up using just straight HTML, but
isn't very flexible in terms of needing to actually go to the page in
order to see the menu options. I'd rather display the options and have
the user select exactly what page they want to open. 
 
What kind of advice can you give me? 
 
Thanks,
 
Dova H. Wilson
Marketing Communications Specialist
George Washington University Virginia Campus
20101 Academic Way, Suite 134
Ashburn, Virginia 20147
Phone: 703-726-3652
Fax: 703-726-3655
www.gwvirginia.gwu.edu
 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] What can I do about inconsistent spacing across browswers?

[Dova Wilson]

I understand that pixel perfect results across browsers are not
realistic, but what can I do to improve this at least a little? 
 
See http://209.211.255.131/newsite/testjuly7.html. The CSS code is at
http://209.211.255.131/newsite/testjuly7.css. 
 
The spacing in IE6 is much more "generous" than any other browsers I've
tested, including NN6, NN7, and Firefox. In IE6 there is more space than
I'd like between the quick links/search area at the top and the
logo/header and between news and sidebar items. In NN6, NN7 and Firefox
I feel like the spacing is too tight and want to add some padding. 
 
Suggestions on how to add space in those "tight" browsers without
getting even more space in IE6? 

Thanks in advance for the help.
 
Dova H. Wilson
Marketing Communications Specialist
George Washington University Virginia Campus
44983 Knoll Square, Rm. 305
Ashburn, Virginia 20147
Phone: 703-726-3652
Fax: 703-726-3655
www.gwvirginia.gwu.edu
 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Navbar problems across browsers

[Dova Wilson]

This list has been so great helping me out as a CSS newbie. I have been
ready to pull my hair out many days trying to make things work. We are
now closer to actually having a new site, but I'm having a few small
problems with the navbar. 

Can you give me any ideas on how to fix the following problems?
* In Firefox I have a strange space on the right side of the first and
second level navigation towards the end of the navigation items before
the border. 
* In NE7 it is OK. 
* In IE6 the space I see in Firefox is absent, but a different space
appears BETWEEN my vertical navigation items. Some of the dividing lines
between vertical nav items also look like double lines.
* I also want to figure out how to move the little arrow slightly to the
left on the first level and second level navigation without the
background color or the border shrinking to the left with it. 
 
http://209.211.255.131/newsite/testfeb17.html 

http://209.211.255.131/newsite/testfeb17.css
 
Thanks! 
 
Dova H. Wilson
Marketing Communications Specialist
George Washington University Virginia Campus
44983 Knoll Square, Rm. 305
Ashburn, Virginia 20147
Phone: 703-726-3652
Fax: 703-726-3655
www.gwvirginia.gwu.edu
 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] background image visible in IE6, not Firefox or NE7

[Dova Wilson]

Roger, thanks for your help. I am trying to implement your suggestions.
So far it only partly works, but I'm probably doing something wrong. 

See http://209.211.255.131/newsite/testfeb8.html and
http://209.211.255.131/newsite/testfeb8.css  
(/testfeb6.html left on server as the earlier version too)

I put the background image on the #navpicwrap, instead of the #navwrap.
I think you meant to put it on that div, rather than the #navwrap which
is only 134px in width and has the navbar and search box. 

New problem: first major issue is that the image is NOT showing up at
all in Firefox or NE7, but shows in IE6. Any idea why it would show up
in IE6, but not the others? 

#navpicwrap{
width:750px;
background-image: url(images/bldg1and2smv3.jpg);
background-repeat: no-repeat;
background-position: top right;
margin:0;

Thanks!

Dova H. Wilson
Marketing Communications Specialist
George Washington University Virginia Campus
44983 Knoll Square, Rm. 305
Ashburn, Virginia 20147
Phone: 703-726-3652
Fax: 703-726-3655
www.gwvirginia.gwu.edu

-Original Message-
From: Roger Roelofs [mailto:[EMAIL PROTECTED] 
Sent: Wednesday, February 08, 2006 1:28 AM
To: 'CSS list'
Cc: Dova Wilson
Subject: Re: [css-d] navbar spacing and related problems

Dova,

On Feb 7, 2006, at 7:19 PM, Dova Wilson wrote:

> I'm having a problem with spacing between the navbar and the main
image
> on the site, as well as with the search box below the navbar at
> http://209.211.255.131/newsite/testfeb6.html. CSS:
> http://209.211.255.131/newsite/testfeb6.css
>
> Problems:
> 1.Getting everything to fit together nicely without gaps of white
> or color or the arrows on the navbar being pushed (arrows OK in IE,
> strange in NE7 and Firefox). I'll resize the picture as needed.

Your current design looks nice but requires pixel perfect alignment and 
assumes that all users machines are configured just like yours.  You 
need to build in a little flexibility.

for what it's worth, here's what I would do.

1.  Move bldg1and2smv2.jpg to be a background-image for #navwrap, 
positioned top right.  Make it a a little bigger than you you estimate 
it needs to be.
2.  Set the bg color on #navwrap to match #navbar and #stripe
3.  Make sure that margins on #navwrap and #stripe are 0.

Doing will allow as much or as little of the image to show as the 
content will allow and will give the illusion that it all fits together 
even if something is off by a pixel or 2.  As a bonus, you don't have 
to float anything.

If you want to pursue this idea, and need more concrete code bits, let 
me know and I'll see what I can do.
-- 
Roger Roelofs
"Remember, if you're headed in the wrong direction,
God allows U-turns!"
  ~Allison Gappa Bottke

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] navbar spacing and related problems

[Dova Wilson]

I'm having a problem with spacing between the navbar and the main image
on the site, as well as with the search box below the navbar at
http://209.211.255.131/newsite/testfeb6.html. CSS:
http://209.211.255.131/newsite/testfeb6.css 
 
The way this section is structured is a #navpicwrap which has 2 divs
inside, a #navwrap (contains #navbar and #search) and #mainimage. The
navwrap is floated left and the #mainimage is floated right. 
 
Problems: 
1.  Getting everything to fit together nicely without gaps of white
or color or the arrows on the navbar being pushed (arrows OK in IE,
strange in NE7 and Firefox). I'll resize the picture as needed.
2.  Navbar and picture should add up to a width of 750px. At the
moment the style sheet specifies 134px on the navbar and 614 on the
picture, which is short 2px. I had it wider, but the picture was being
bumped down in IE.
3.  I have a feeling this may be a problem with spacing and/or the
border on the navbar, but I'm not sure how to fix it so that the spacing
works across browsers.
4.  With the search bar I'm trying to have it under the navbar and
make it look better. I was thinking about putting a gold background on
that div, but may change that. I applied formatting with #search and
.search, but the padding doesn't seem to be working. The background
color also seems to be "seeping" up around the right side of the navbar
in Firefox and NE7.
 
Many thanks in advance for help.
 
Dova H. Wilson
Marketing Communications Specialist
George Washington University Virginia Campus
44983 Knoll Square, Rm. 305
Ashburn, Virginia 20147
Phone: 703-726-3652
Fax: 703-726-3655
www.gwvirginia.gwu.edu
 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Deciding what browsers to build for/test in

[Dova Wilson]

I'm in the process of building a CSS website to replace an existing
site. My site statistics for December 2005 (collected using LiveStats,
hosted at Media3) show the following browser types. 
 
Browser types, December 2005 Report:
46.31% unknown
30.62% MSIE 6.x
10.29% AOL 9.x 
4.03% Firefox 1.x (probably me testing lots and lots of page views)
2.34% Netscape 2.x 
1.82% Netscape 7.x
1.60% Netscape 4.x 
1.10% MSIE 5.0x
 
Each less than 1% of traffic:
AOL 8.x
AOL 7.x
MSIE 4.x
MSIE 5.5
Firefox 0.x
Netscape 3.x
Netscape 4.7
Safari 1.x
AOL 6.x
Opera 3.x
Netscape 4.5
Avant
Camino
Netscape 6.x


1. Why are the unknown browser types so high (46.31%)? Is this normal?
(my host says it is and nothing they can do about it)
2. How realistic is it to build a 100% CSS site while supporting the
following browsers?
3. I need to support as many people as possible, but spend the least
amount of time developing and staying on top of hacks and browser
changes. Which browsers should I test in? I know the recommendation is
to test in Firefox, then Netscape 7 and then IE, but if the highest
amount of my known users is MSIE 6 I feel like I should be building a
site that works really well in that browser. 
 
I know some list members say 100% CSS is the only way to go, but I'm in
a situation where I need to get this site rebuilt and launched quickly.
The website is less than half of my job. Considering this, would an OK
compromise be to develop the site using  and an external CSS style
sheet, but put the  in a table? I would remove the floating of
columns when I add the table and this would keep the site looking a
least somewhat presentable in older versions of Netscape, rather than
completely messed up.
 
Thoughts and recommendations? I'm on the digest. Thanks in advance.
 
 
Dova H. Wilson
Marketing Communications Specialist
George Washington University Virginia Campus
44983 Knoll Square, Rm. 305
Ashburn, Virginia 20147
Phone: 703-726-3652
Fax: 703-726-3655
www.gwvirginia.gwu.edu
 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Son of Suckerfish navbar---need help tweaking

[Dova Wilson]

 
NAV Problems (other issues to be dealt with later) ---thanks in advance
for help!
 
1.  Background color not extending full length of NAV div (white gap
on the far right) 
2.  Hover/gold color sticking out farther than width of navigation
item (yes, I changed some width settings-something isn't working) 
3.  Under NAV item "SERVICES" some of the pull down items towards
the bottom of the list overlap content on the page and are obscured
behind the content 
4.  IE6: nav items overflowing to next line and RESEARCH and SEARCH
(no sub items) have a blank "pull down" 
 
SEE WEBSITE at http://www.gwvirginia.gwu.edu/newsite/3coltest5.htm
 
CSS: http://www.gwvirginia.gwu.edu/newsite/3coltest5.css 
 
 
 
Dova H. Wilson
Marketing Communications Specialist
George Washington University Virginia Campus
44983 Knoll Square, Rm. 305
Ashburn, Virginia 20147
Phone: 703-726-3652
Fax: 703-726-3655
www.gwvirginia.gwu.edu
 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] 3-column fixed layout: problems w/IE and text alignment

[Dova Wilson]

Thierry, 

Thank you for your help. I'm ready to tear my hair out trying to get
this to work correctly, but I know it takes time to get the ins and outs
of css down. This is the first site I'm trying to build entirely in css,
so thanks for your patience.

As you said to do I added back the "width:100%" and added
"overflow:hidden" to the #container. Also, I removed the
"text-align:center" on the body and added a text-align:center to the
#header and #footer. 

CURRENT PROBLEMS: 
* #main dropping in IE6
* the "overflow:hidden" on #container seems to cut off some of the text,
rather than make it wrap to the next line. Is there a work around for
this so the text doesn't spill to the next column, but wraps to the next
line? See the #main column, right side for cut off text. Or is something
else interfering?
* I've forced the text in #main column to stay in the main column by
adding events to the #left column. If #left is shorter than #main the
content from #main is spilling left.


I did modify the code in the following ways (only showing the parts
different from your original code). Especially note that I added a
%width to #left and #main, after I removed the width in pixels. 

#container {overflow:hidden;}

#left {
width:35%;
padding: 0px 20px 0px 20px;
}

#main {
/* the width from #left (200px) + the negative margin from #container
(200px) */
margin-left:350px; (original 350px--tried changing this to 400px or
other, doesn't seem to effect, but if completely removed then the #main
drops in all FF, NE7, IE6.)
width:55%;

#sidebar {
margin-left:-150px;(changed to -150px from -200px, b/c wanted the
sidebar farther right)
}

http://www.gwvirginia.gwu.edu/newsite/3coltest3.htm
http://www.gwvirginia.gwu.edu/newsite/3coltest3.css

Dova H. Wilson
Marketing Communications Specialist
George Washington University Virginia Campus
44983 Knoll Square, Rm. 305
Ashburn, Virginia 20147
Phone: 703-726-3652
Fax: 703-726-3655
www.gwvirginia.gwu.edu


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] modifying 3-column fluid layout for a fixed layout

[Dova Wilson]

Thierry, 

Thank you, I've taken your recommendation to set the width in pixels on
body and remove the width from all other elements. This seems to have
partially fixed the layout. 

However, something else seems to need a modification. Things are working
better, but I have the following problems: 

1. My content from the main center column is spilling into the sidebar
(FF, NE7, IE6)
2. The sidebar and footer are shifted left below my main content and the
footer is partially cut off (problem in IE6, OK in FF, NE7)
3. My faux columns may interfere with my navbar (another issue to deal
with)

Thanks in advance for your help.

http://www.gwvirginia.gwu.edu/newsite/3coltest2.htm

http://www.gwvirginia.gwu.edu/newsite/3coltest2.css


Dova H. Wilson
Marketing Communications Specialist
George Washington University Virginia Campus
44983 Knoll Square, Rm. 305
Ashburn, Virginia 20147
Phone: 703-726-3652
Fax: 703-726-3655
www.gwvirginia.gwu.edu

-Original Message-
From: Thierry Koblentz [mailto:[EMAIL PROTECTED] 
Sent: Monday, October 24, 2005 10:49 PM
To: Dova Wilson; css-d@lists.css-discuss.org
Subject: Re: [css-d] problem with 3-col layout

Dova Wilson wrote:
> I'm trying to use a 3 col technique described at
> http://www.tjkdesign.com/articles/3cols.asp.
>
> Something has gone very wrong as my faux columns aren't appearing and
> the columns aren't lining up where they should.

The original markup is for a fluid layout, but you've modified/added
width
declarations inside rules for inner containers.
If what you want is a fixed layout, then set a width in pixels on body
and
*nothing else*.

Thierry | www.TJKDesign.com


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] problem with 3-col layout

[Dova Wilson]

I'm trying to use a 3 col technique described at
http://www.tjkdesign.com/articles/3cols.asp. 

Something has gone very wrong as my faux columns aren't appearing and
the columns aren't lining up where they should. 
 
Help!
 
http://www.gwvirginia.gwu.edu/newsite/3coltest.htm 

http://www.gwvirginia.gwu.edu/newsite/3coltest.css
 
 
Dova H. Wilson
Marketing Communications Specialist
George Washington University Virginia Campus
44983 Knoll Square, Rm. 305
Ashburn, Virginia 20147
Phone: 703-726-3652
Fax: 703-726-3655
www.gwvirginia.gwu.edu
 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

RE: [css-d] Space below footer in Firefox and NE 7 (IE6 OK)

[Dova Wilson]

Thanks Thierry, 

Adding padding-bottom: 1px in the #footer seems to have done the trick. 

Dova H. Wilson
Marketing Communications Specialist
George Washington University Virginia Campus
44983 Knoll Square, Rm. 305
Ashburn, Virginia 20147
Phone: 703-726-3652
Fax: 703-726-3655
www.gwvirginia.gwu.edu

-Original Message-
From: Thierry Koblentz [mailto:[EMAIL PROTECTED] 
Sent: Thursday, October 20, 2005 1:00 PM
To: Dova Wilson; css-d@lists.css-discuss.org
Subject: Re: [css-d] Space below footer in Firefox and NE 7 (IE6 OK)

Dova Wilson wrote:
> Thoughts on how to fix this? I am trying to create a 3-column layout
> using the technique at www.tjkdesign.com/articles/3cols.asp, but
> something seems to have gone wrong.

Try:
padding-bottom:1px in #footer

Thierry | www.TJKDesign.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Space below footer in Firefox and NE 7 (IE6 OK)

[Dova Wilson]

I am working on building a new site. This is my first site I'm trying to
build completely in CSS. 
 
I have a white space appearing below my footer in Firefox and NE7, but
it seems to be OK in IE6. 
 
Please see http://www.gwvirginia.gwu.edu/newsite/3coltest.htm. 
Code at: http://www.gwvirginia.gwu.edu/newsite/3coltest.css 
 
The big blue rectangle in the middle is just a space holder for an
image(s).
 
Thoughts on how to fix this? I am trying to create a 3-column layout
using the technique at www.tjkdesign.com/articles/3cols.asp, but
something seems to have gone wrong. 
 
Thanks for your help. I'm on the digest so cc'ing my direct e-mail would
be great. 
 
Dova H. Wilson
Marketing Communications Specialist
George Washington University Virginia Campus
44983 Knoll Square, Rm. 305
Ashburn, Virginia 20147
Phone: 703-726-3652
Fax: 703-726-3655
www.gwvirginia.gwu.edu
 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Multiple Problems: Attempting first 100% CSS site

[Dova Wilson]

I am in the process of attempting to create my first 100% CSS site. I'm
new to the list and not very experienced with CSS. I've made a lot of
messes so far and have been overwhelmed with trying to absorb all the
browser issues. This site is far from finished. I am concerned about
getting the structure correctly built before trying to improve the
aesthetic look. 
 
See site at:  http://www.gwvirginia.gwu.edu/newsite/index1.htm 
Style sheet: http://www.gwvirginia.gwu.edu/newsite/newsite1.css 
 
Some of the problems I see are: 
1.  In IE6 my link colors are defaulting to purple, not my CSS
settings
2.  My footer has a white gap below it in Mozilla and NE7; seems OK
in IE6
3.  My rtcol is moving down too far. I want the top part of the
leftcol to be at the same height
4.  I want the image for the main news story to align to the right
of the main news text, both within the leftcol (better way to set up?
More or less ok in NE7, but not in IE6 or Firefox)
5.  The dotted line to the left of the rtcol seems to be the length
of the content in the column, not the length of the page

Thanks in advance for help. 
 
Dova H. Wilson, Marketing Communications Specialist
George Washington University Virginia Campus
[EMAIL PROTECTED] 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/