...

View Full Version : CSS in NS 7.2 - Worked on Friday, not today?



txtwister
03-16-2005, 06:51 PM
I really hope someone can help with this - if you look at http://www.springcreekdesigns.com in Netscape 7.2, over a 1024x768 resolution, most of my CSS is fine, but for some reason the following divs are all showing aligned to the left - threestoneimg, bridalimg, text8, and text10.

The correlating css for those elements are:
.threestoneimg {position: absolute;
top: 209px;
left: 225px;
height: 174px;
width: 276px;
z-index: 2;
border-width: 1px;
border-color: rgb(153,153,153);
border-style: solid;}

.bridalimg {position: absolute;
top: 425px;
left: 676px;
height: 174px;
width: 276px;
z-index: 2;
border-width: 1px;
border-color: rgb(153,153,153);
border-style: solid;}

.text10 {position: absolute;
top: 449px;
left: 293px;
height: 117px;
width: 396px;
z-index: 3;
font-family: Georgia, serif;
font-size: 12pt;
line-height: 120%;
text-align: center;
border-width: 1px;
border-color: rgb(153,153,153);
border-style: solid;
background-color: rgb(204,204,230);
overflow: hidden}

.text8 {position: absolute;
top: 247px;
left: 492px;
height: 117px;
width: 393px;
z-index: 3;
font-family: Georgia, serif;
font-size: 12pt;
line-height: 120%;
text-align: center;
border-width: 1px;
border-color: rgb(153,153,153);
border-style: solid;
background-color: rgb(204,204,230);
overflow: hidden}

What's making me pull my hair out is that before I sent it live-to-site, it worked perfectly. There ARE elements that don't validate at W3 - the scroll bar attributes, for example, and a stupid section where I've used named color values (which I do need to change, I know).

Any clue why this was working perfectly on Friday, but not today? (Looks great in MSIE, of course. :confused: )

I'm editing to ask if maybe it's because I do use some xhtml coding here and there (the favico tag calls to self-close) - could that be causing NS to read the existing doctype of 4.01/transitional in quirk mode instead? Should I consider changing doctypes? (How about valium? rum?)

Thanks for any help.
Shan

txtwister
03-16-2005, 07:41 PM
OK, to further muddy the waters, my 800x600 resolution style sheet (style1.css) works fine - it's got to be something in this sheet:



body {scrollbar-face-color: rgb(187, 210, 207);
scrollbar-arrow-color: rgb(101, 90, 142);
scrollbar-highlight-color: rgb(238, 255, 249);
scrollbar-3dlight-color: rgb(231, 241, 231);
scrollbar-shadow-color: rgb(51, 98, 103);
scrollbar-darkshadow-color: rgb(0, 72, 78);
scrollbar-track-color: rgb(197, 199, 210);
margin:0px 0px; padding:0px; }


.thumb {font-size: 10pt; font-family: Verdana, Geneva, sans-serif; }

.drag{position:relative;cursor:hand}

a:link {color: rgb(46,51,255);
background-color: transparent;
font-weight: normal;
font-style: normal;
text-decoration: none}

a:visited {color: rgb(255,0,255);
background-color: transparent;
font-weight: normal;
font-style: normal;
text-decoration: none}

a:hover, a:active {color: rgb(255,255,255);
background-color: rgb(101,90,142);
font-weight: normal;
font-style: normal;
text-decoration: none}



.jewelrylinks {position: absolute;
top: 237px;
left: 20px;
height: 81px;
width: 118px;
z-index: 5;
font-family: Verdana, Geneva, sans-serif;
font-size: 10pt;
line-height: 145%;
padding-top: 2px;
padding-left: 2px;
padding-right: 2px;
padding-bottom: 2px;
background-color: transparent;
overflow: hidden}

.usefullinks {position: absolute;
top: 373px;
left: 20px;
height: 238px;
width: 146px;
z-index: 5;
font-family: Verdana, Geneva, sans-serif;
font-size: 10pt;
line-height: 145%;
background-color: transparent;
overflow: hidden}

.impinfotext {position: absolute;
top: 663px;
left: 20px;
height: 134px;
width: 146px;
z-index: 5;
font-family: Verdana, Geneva, sans-serif;
font-size: 10pt;
line-height: 145%;
background-color: transparent;
overflow: hidden}

.navbarleftlong {position: absolute;
top: 200px;
left: 12px;
height: 628px;
width: 154px;
z-index: 1;
font-family: Arial, Helvetica, sans-serif;
font-size: 0pt;
line-height: 120%;
border-top: 2px;
border-left: 2px;
border-right: 2px;
border-bottom: 0px;
border-color: rgb(101,90,142);
border-style: solid;
background-color: rgb(201,221,219);
overflow: hidden}

.jewelrytitlebox {position: absolute;
top: 208px;
left: 16px;
height: 26px;
width: 146px;
z-index: 5;
font-family: Verdana, Geneva, sans-serif;
font-size: 14pt;
line-height: 135%;
padding: 2px;
border-style: solid;
border-top: 2px;
border-left: 0px;
border-right: 0px;
border-bottom: 2px;
border-color: rgb(203,204,230);
background-color: rgb(150,186,182);
overflow: hidden}

.importantinfotitle {position: absolute;
top: 611px;
left: 16px;
height: 49px;
width: 146px;
z-index: 5;
font-family: Verdana, Geneva, sans-serif;
font-size: 14pt;
line-height: 135%;
padding: 2px;
border-style: solid;
border-top: 2px;
border-left: 0px;
border-right: 0px;
border-bottom: 2px;
border-color: rgb(203,204,230);
background-color: rgb(150,186,182);

overflow: hidden}

.usefulinfotitlebox {position: absolute;
top: 321px;
left: 16px;
height: 49px;
width: 146px;
z-index: 5;
font-family: Verdana, Geneva, sans-serif;
font-size: 14pt;
line-height: 135%;
padding: 2px;
border-style: solid;
border-top: 2px;
border-left: 0px;
border-right: 0px;
border-bottom: 2px;
border-color: rgb(203,204,230);
background-color: rgb(150,186,182);
overflow: hidden}


.bodytext {position: absolute;
top: 200px;
left: 174px;

width: 819px;
z-index: 1;
font-family: Georgia, serif;
font-size: 12pt;
line-height: 120%;
border-width: 2px;
border-color: rgb(101,90,142);
border-style: dotted;
background-color: transparent;
overflow: hidden}

.bodytext2 {position: absolute;
top: 615px;
left: 174px;

width: 819px;
z-index: 1;
font-family: Georgia, serif;
font-size: 12pt;
line-height: 120%;
border-width: 2px;
border-color: rgb(101,90,142);
border-style: dotted;
background-color: transparent;
overflow: hidden}


.mailerform {position: absolute;
top: 828px;
left: 12px;
height: 174px;
width: 154px;
z-index: 3;
font-family: Verdana, Geneva, sans-serif;
font-size: 13pt;
color: rgb(255,255,255);
letter-spacing: 0em;
line-height: 120%;
text-align: center;
border-top: 0px;
border-left: 2px;
border-right: 2px;
border-bottom: 2px;
border-color: rgb(101,90,142);
border-style: solid;
background-color: rgb(187,210,207);
overflow: hidden}



.navbargreentop {position: absolute;
top: 4px;
left: 8px;
height: 4px;
width: 991px;
z-index: 1;
font-family: Arial, Helvetica, sans-serif;
font-size: 4pt;
line-height: 39%;
background-color: rgb(150,186,182);
overflow: hidden}

.navbargreen {position: absolute;
top: 139px;
left: 8px;
height: 22px;
width: 991px;
z-index: 1;
font-family: Arial, Helvetica, sans-serif;
font-size: 0pt;
line-height: 39%;
background-color: rgb(187,210,207);
overflow: hidden}

.footertext {position: absolute;
top: 1017px;
left: 8px;
height: 55px;
width: 991px;
z-index: 1;
font-family: Arial, Helvetica, sans-serif;
font-size: 0pt;
line-height: 39%;
background-color:transparent;
overflow: hidden}

.logo {position: absolute;
top: 19px;
left: 0px;
height: 113px;
width: 180px;
z-index: 3}


.cartimg {position: absolute;
top: 141px;
left: 977px;
height: 16px;
width: 19px;
z-index: 3}

.moissanitelogo {position: absolute;
top: 38px;
left: 692px;
height: 73px;
width: 305px;
z-index: 3}

.cardsimg {position: absolute;
top: 798px;
left: 16px;
height: 23px;
width: 150px;
z-index: 3}






body {background-color: rgb(255,255,255)}

hr {size: 4; color: #96bab6}

input.formbutton {background-color: #655a8e;
font-weight: bold;
font-size: 13px; font-family: Verdana;
color: white;}

input.formbox (background-color: rgb(230,230,255); font-size: 13px; font-family: Verdana;

text-align: right}
input {font-size: 13px;}

option.linebreak {background-color: whitesmoke; font-size: 5px; color:lavender}
option.line {background-color:whitesmoke; font-size: 13px; color: black}

.threestoneimg {position: absolute;
top: 209px;
left: 225px;
height: 174px;
width: 276px;
z-index: 2;
border-width: 1px;
border-color: rgb(153,153,153);
border-style: solid;}



.bridalimg {position: absolute;
top: 425px;
left: 676px;
height: 174px;
width: 276px;
z-index: 2;
border-width: 1px;
border-color: rgb(153,153,153);
border-style: solid;}

.rhrimg {position: absolute;
top: 669px;
left: 231px;
height: 174px;
width: 276px;
z-index: 2;
border-width: 1px;
border-color: rgb(153,153,153);
border-style: solid;}


.gentsimg {position: absolute;
top: 1056px;
left: 225px;
height: 174px;
width: 276px;
z-index: 2;
border-width: 1px;
border-color: rgb(153,153,153);
border-style: solid;}


.colorimg {position: absolute;
top: 870px;
left: 676px;
height: 174px;
width: 276px;
z-index: 2;
border-width: 1px;
border-color: rgb(153,153,153);
border-style: solid;}


.text14 {position: absolute;
top: 1086px;
left: 492px;
height: 117px;
width: 428px;
z-index: 3;
font-family: Georgia, serif;
font-size: 12pt;
line-height: 120%;
text-align: center;
border-width: 1px;
border-color: rgb(153,153,153);
border-style: solid;
background-color: rgb(204,204,230);
overflow: hidden}

.text15 {position: absolute;
top: 696px;
left: 502px;
height: 117px;
width: 409px;
z-index: 3;
font-family: Georgia, serif;
font-size: 12pt;
line-height: 120%;
text-align: center;
border-width: 1px;
border-color: rgb(153,153,153);
border-style: solid;
background-color: rgb(204,204,230);
overflow: hidden}

.text16 {position: absolute;
top: 903px;
left: 305px;
height: 117px;
width: 381px;
z-index: 3;
font-family: Georgia, serif;
font-size: 12pt;
line-height: 120%;
text-align: center;
border-width: 1px;
border-color: rgb(153,153,153);
border-style: solid;
background-color: rgb(204,204,230);
overflow: hidden}

.text10 {position: absolute;
top: 449px;
left: 293px;
height: 117px;
width: 396px;
z-index: 3;
font-family: Georgia, serif;
font-size: 12pt;
line-height: 120%;
text-align: center;
border-width: 1px;
border-color: rgb(153,153,153);
border-style: solid;
background-color: rgb(204,204,230);
overflow: hidden}

.text8 {position: absolute;
top: 247px;
left: 492px;
height: 117px;
width: 393px;
z-index: 3;
font-family: Georgia, serif;
font-size: 12pt;
line-height: 120%;
text-align: center;
border-width: 1px;
border-color: rgb(153,153,153);
border-style: solid;
background-color: rgb(204,204,230);
overflow: hidden}

codegoboom
03-16-2005, 07:46 PM
to further muddy the waters... it's got to be something in this sheet:

Yeah, looks like a landslide to me... :)

kraftomatic
03-16-2005, 08:06 PM
All that for that? Clean up that CSS man. :D

txtwister
03-16-2005, 08:10 PM
LOL, did I really need to mention how new I am to CSS?

txtwister
03-16-2005, 08:17 PM
Well, actually, now that I'm thinking about it... How? I mean, if CSS is the preferred option for positioning - for "everything" really - how much can you really clean up? By using more inline?

What would you do? Most of this was generated using a CSS program I found on W3 - Cascade something or other, and of course while I'm familiar with HTML, I used that program to start to learn the CSS ropes - apparently not very well!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum