PDA

View Full Version : Browser or layer problem?


marcia
08-18-2007, 09:57 PM
Trying to locate the problem, but can't. Any help would be much appreciated...Am revising a friends web site. Working in Dreamweaver 8 in Windows environment. Using layers to create much of this page. Only loaded the text for you to view. Got stuck here, so graphics not included.

http://susanschwartzeditor.com/ack.html

Using both Foxpro and IE as browsers to check page. IE comes up the way it's supposed to look, but Foxpro is pretty messed up - the text is HUGE and overlapping, also.

Originally, it worked fine, but after trying to copy/paste a frame from another page, the page loaded like this. Unfortunately, I saved before I browsed - big mistake!

If anyone has any of the Mac browsers, would love to know how the page looks there.

p.s. I'm pretty new to this...and pretty much use books and DW help system. The code probably indicates my level.:smile:

Cary
08-18-2007, 11:00 PM
One of your style selectors calls for a font size of 45px.

marcia
08-19-2007, 12:29 AM
One of your style selectors calls for a font size of 45px.

You're right, those are px, and that is the head. The body text I'm questioning is HUMONGOUS. It's, indeed, peculiar. :confused:

Cary
08-19-2007, 02:26 AM
The following is the css from the head of your page with unused selectors removed, and font size set to what you actually were telling the browser to use.

For instance the code for the second selector:
.mainbody {
font: normal 12pt/normal Arial, Helvetica, sans-serif;
color: #99CCFF;
font-size-adjust: 11;
font-size: 11pt;
}
The font-size is specified twice but only the last one matters. So the code below reflects this. The problem was the use of font-size-adjust. You were telling the browser to use a font aspect of 11:1 which made the huge letters. Make sure you also remove all occurrences of it from your inline styling.


p.MsoNormal {
margin:0;
font-size:11pt;
font-family: Arial, Helvetica, sans-serif;
}
.mainbody {
font: normal 11pt/normal Arial, Helvetica, sans-serif;
color: #99CCFF;
}
.accents {
font: bold normal 14px/normal Arial, Helvetica, sans-serif;
color: #CC66CC;
}
.ss {
font: bold normal 12pt/normal Arial, Helvetica, sans-serif;
color: #999999;
}
#Layer1 {
position:absolute;
width:499px;
height:87px;
z-index:1;
left: 154px;
top: 155px;
}
.pageheads {
font: bold normal 45px/normal Arial, Helvetica, sans-serif;
color: #CF96CE;
}
#Layer2 {
position:absolute;
width:658px;
height:61px;
z-index:2;
left: 181px;
top: 75px;
}
#Layer4 {
position:absolute;
width:476px;
height:67px;
z-index:4;
left: 177px;
top: 301px;
}
#Layer5 {
position:absolute;
width:567px;
height:114px;
z-index:5;
left: 83px;
top: 563px;
}
#Layer6 {
position:absolute;
width:495px;
height:85px;
z-index:6;
left: 159px;
top: 435px;
}
.authors {
font: bold 12px Arial, Helvetica, sans-serif;
color: #00FFFF;
}
#Layer7 {
position:absolute;
width:68px;
height:106px;
z-index:7;
left: 668px;
top: 154px;
border-top-color: #00FFCC;
border-right-color: #00FFFF;
border-bottom-color: #00FFFF;
border-left-color: #00FFFF;
}
#Layer8 {
position:absolute;
width:82px;
height:125px;
z-index:8;
left: 669px;
top: 284px;
}
#Layer9 {
position:absolute;
width:79px;
height:115px;
z-index:9;
left: 670px;
top: 426px;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
}
#Layer10 {
position:absolute;
width:78px;
height:103px;
z-index:10;
left: 669px;
top: 563px;
}
.style15 {
font: bold normal 14pt/normal Arial, Helvetica, sans-serif;
color: #CCCCCC;
}
.style16 {
font: normal 12pt/normal Arial, Helvetica, sans-serif;
color: #3333CC;
}
.style22 {
color: #99CCFF
}
.style23 {
font: bold normal 11pt/normal Arial, Helvetica, sans-serif;
color: #99CCFF;
}

marcia
08-19-2007, 02:57 AM
Cary,

Thanks loads. Will go thru everything on Mon and let you know how it turns out. Thought it had something to do with size-font-adjust, but couldn't check it out.

domedia
08-19-2007, 03:37 AM
MsoNormal <- this is from a microsoft product, I'm pretty sure. Always be careful when pasting in rich text from m$ products, they will make all kinds of weird code.

davidj
08-19-2007, 09:37 AM
it screams OFFICE

its a handle used in its xml construct like in word

could this be a crime commited by the evil front-page dear watson

marcia
08-19-2007, 07:47 PM
Cary,

Your code works on my test page. Now I need to figure out the difference between bold, bolder, bold normal, as I can't seem to get all the text to look the same. Will do all that Mon. and get back to you.

Am VERY relieved about the font size (couldn't wait 'til tomorrow to pre-test it ).

marcia
08-19-2007, 07:49 PM
thanks for the tip. don't know what the symbols mean and why they got there.

marcia
08-19-2007, 09:51 PM
MsoNormal <- this is from a microsoft product, I'm pretty sure. Always be careful when pasting in rich text from m$ products, they will make all kinds of weird code.

:oops:this was supposed to be in post #9.

since I don't know how to edit a post, am writing another post.

marcia
08-20-2007, 08:51 PM
Cudos to Cary. Your solution worked!

The reason I originally used code-size-adjust was because I was trying to get all the turquoise text to be the same, using style 23,and the grey text to all use style 15. They are not consistent in both the browsers FP and IE.

I am working in split view until I learn to code properly.

Any help would be much appreciated. Thanks.

http://www.susanschwartzeditor.com/ack.html

d a v e
08-21-2007, 06:04 AM
btw that right-aligned text is uncomfortable to read ;)

marcia
08-21-2007, 04:36 PM
btw that right-aligned text is uncomfortable to read ;)
I'm sure it is. Would like to do better. Any suggestions?

what does btw mean, please?

d a v e
08-21-2007, 06:14 PM
btw - sorry 'by the way' ;)

try left aligned or then fully justified