CSS rowspan in NS

[anole]

I've just started trying to fix my own site up with CSS after working
with some client's sites.

I have a navigation table here:

http://65.108.133.31/Anoles/aianolgal.htm

In IE I get a nice label on the left side that spans all the rows of the
table. In Firefox (and I presume NS), I get the first vertical column
*above* the rest of the table. It's an interesting effect that I don't
think I could have gotten if I tried, but it's not the way it's intended.

Any ideas?

Thanks in advance,

anole


The css applied is this:

ailink {
width: 115px;
padding: 0px;
border: 1px #666600;
margin: 10px 0px 0px 20px;

}
#ailink div {
width: 115px;
border: 1px #666600;
margin: 0px;

}
#ailink table {
width: 115px;
padding: 0px;
border: 1px #666600;
float: left;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 20px;
margin-top: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
display: block;
}

#ailink td {
width: 95px;
display: block;
border-top: 1px solid #666600;
border-right: 2px solid #666600;
border-bottom: 1px solid #666600;
border-left: 2px solid #666600;
padding: 0px;

}
#ailink td.vert {
width: 17px;
background-color: #666600;
padding: 0px;
margin: 0px;
display: block;
vertical-align: top;
border: 1px none #666600;
position: static;
height: 100%;

}
#ailink a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
text-decoration: none;
text-align: center;
width: 95px;
margin: 0px;
padding: 0px;


}
#ailink a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
text-decoration: none;
width: 95px;
border: 1px #666600;
text-align: center;
color: #FFFFFF;
background-color: #999966;
display: block;


}
#ailink p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
text-decoration: none;
text-align: center;
border: 1px #666600;
margin: 0px;
padding: 0px;
display: block;

}

 

[WebcastMaker]

I've just started trying to fix my own site up with CSS after working
with some client's sites.

I have a navigation table here:

http://65.108.133.31/Anoles/aianolgal.htm

In IE I get a nice label on the left side that spans all the rows of the
table. In Firefox (and I presume NS), I get the first vertical column
*above* the rest of the table. It's an interesting effect that I don't
think I could have gotten if I tried, but it's not the way it's intended.

Any ideas?

I will say it...

validate..
lose the frames..
lose the tables...

I do like the little lizard gif though...

 

[Karl Groves]

I will say it...

validate..
lose the frames..
lose the tables...

There's hope for you yet!

-Karl

 

[anole]

I will say it...

validate..
lose the frames..
lose the tables...

I do like the little lizard gif though...

Yeah, thanks. Now about the question I asked...

 

[Karl Groves]

Yeah, thanks. Now about the question I asked...

http://diveintomark.org/archives/2003/05/05/why_we_wont_help_you

http://validator.w3.org/check?uri=http://65.108.133.31/Anoles/aianolgal.htm

-Karl

 

[Jukka K. Korpela]

Yeah, thanks. Now about the question I asked...

"Get real! This is a discussion group[,] not a helpdesk. You post
something[,] we discuss it's implications. If the discussion happens to
answer a question you've asked[,] that's incidental."
- nobull, in 2000-10-25 at
You are doing much worse than waste of time when you "fix [your] own site
up with CSS" without apparently understanding the very basics of Web
authoring and CSS. There's much more damage you can do with misguided CSS
than you can do with <font> and layout <table>s. This alone is a
sufficient indication of lack of the fundamental understanding:
font-size: 10pt;

Please keep using your forged From field until you get a clue of the
above.

 

[SpaceGirl]

Yeah, thanks. Now about the question I asked...

Ignorant...



--


x theSpaceGirl (miranda)

# lead designer @ http://www.dhnewmedia.com #
# remove NO SPAM to email, or use form on website #

 

[Sam Hughes]

I've just started trying to fix my own site up with CSS after working
with some client's sites.

I have a navigation table here:

http://65.108.133.31/Anoles/aianolgal.htm

In IE I get a nice label on the left side that spans all the rows of the
table. In Firefox (and I presume NS), I get the first vertical column
*above* the rest of the table. It's an interesting effect that I don't
think I could have gotten if I tried, but it's not the way it's intended.

Any ideas?

Thanks in advance,

anole


The css applied is this:
[...]
font-size: 10pt;

You should set the sizes of your fonts with something that is not px or pt,
so that Internet explorers who use Internet Explorer can read your
documents.

Also, there is no need to use frames; use CSS floating or something of that
sort. The left frame is unresizable, after all, which makes it rather
useless.