logo-dw

Go Back   Dreamweaver Club Forums > Graphic Design > Web Design
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 08-18-2007, 08:57 PM   #1
marcia
 
Join Date: Aug 2007
Location: nyc
Posts: 246
Red face Browser or layer problem?

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.
marcia is offline   Reply With Quote
Old 08-18-2007, 10:00 PM   #2
Cary
Cary's Avatar
 
Join Date: Apr 2007
Location: San Diego, CA
Posts: 723
Default

One of your style selectors calls for a font size of 45px.
Cary is offline   Reply With Quote
Old 08-18-2007, 11:29 PM   #3
marcia
 
Join Date: Aug 2007
Location: nyc
Posts: 246
Default

Quote:
Originally Posted by Cary View Post
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.
marcia is offline   Reply With Quote
Old 08-19-2007, 01:26 AM   #4
Cary
Cary's Avatar
 
Join Date: Apr 2007
Location: San Diego, CA
Posts: 723
Default

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:
Code:
.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.


Code:
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;
}

Last edited by Cary; 08-19-2007 at 01:30 AM..
Cary is offline   Reply With Quote
Old 08-19-2007, 01:57 AM   #5
marcia
 
Join Date: Aug 2007
Location: nyc
Posts: 246
Default

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.
marcia is offline   Reply With Quote
Old 08-19-2007, 02:37 AM   #6
domedia
Administrator
domedia's Avatar
 
Join Date: Dec 2003
Posts: 9,730
Default

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.
domedia is offline   Reply With Quote
Old 08-19-2007, 08:37 AM   #7
davidj
davidj's Avatar
 
Join Date: Sep 2005
Location: The Toon (newcastle upon Tyne)
Posts: 8,256
Default

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
__________________
Would you like to learn PHP from me? Check out -> www.codezenith.co.uk
davidj is offline   Reply With Quote
Old 08-19-2007, 06:47 PM   #8
marcia
 
Join Date: Aug 2007
Location: nyc
Posts: 246
Default

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 is offline   Reply With Quote
Old 08-19-2007, 06:49 PM   #9
marcia
 
Join Date: Aug 2007
Location: nyc
Posts: 246
Default

thanks for the tip. don't know what the symbols mean and why they got there.
marcia is offline   Reply With Quote
Old 08-19-2007, 08:51 PM   #10
marcia
 
Join Date: Aug 2007
Location: nyc
Posts: 246
Default edit to post #9

Quote:
Originally Posted by domedia View Post
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.
this was supposed to be in post #9.

since I don't know how to edit a post, am writing another post.
marcia is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 02:26 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com