Front Page design mode and @media CSS.

  • Thread starter Thread starter Viken Karaguesian
  • Start date Start date
V

Viken Karaguesian

Hello everyone,

Using FP2003. When I add an @media print command to my CSS file, the
Design view in FP2003 defaults to the style of the @media print, not to
the style of the @ media screen.

All styling is lost. All I see is Times New Roman text with no
formatting or styling. If I remove @media print from my style sheet,
the Design view shows a more normal layout, with only a few items that
don't have styling.

Is this a bug or is it just how the program is? Is there any way to
change this behavior? Thanks in advance.

Viken K.
 
Murray, do you want a screen shot of my site in FP's design view? One
thing I seem to have not made very clear is that my site looks right in
Preview mode, but not in design mode.

Let me know if you want some screen shots.

Viken K.
 
One
thing I seem to have not made very clear is that my site looks right in
Preview mode, but not in design mode.
Click to expand...

I got that.

No - I want to see the markup on the page, which is where all answers are
found! 8)
 
Nice site. It would be a good one to direct people to who claim that FP
writes crap code.

You have this -

<link rel="stylesheet" type="text/css" href="style_main.css"
media="screen,print">
<link rel="stylesheet" type="text/css" href="style_noscript.css">

and in the first stylesheet you have used the individual @media screen and
@media print rules. I suspect that FP is becoming confused with that. Have
you tried splitting those rules out into a separate stylesheet, e.g.,

<link rel="stylesheet" type="text/css" href="style_main_screen.css"
media="screen">
<link rel="stylesheet" type="text/css" href="style_main_print.css"
media="print">

without using the @media rules?
 
Nice site. It would be a good one to direct people to who claim that FP
writes crap code.
Thanks.

<link rel="stylesheet" type="text/css" href="style_main.css"
media="screen,print">
<link rel="stylesheet" type="text/css" href="style_noscript.css">

and in the first stylesheet you have used the individual @media screen and
@media print rules. I suspect that FP is becoming confused with that. Have
you tried splitting those rules out into a separate stylesheet, e.g.,

<link rel="stylesheet" type="text/css" href="style_main_screen.css"
media="screen">
<link rel="stylesheet" type="text/css" href="style_main_print.css"
media="print">
without using the @media rules?
Click to expand...

I think I tried that once, but it was still happening. It seems like as
long as the @media print rule is in a style sheet, it confuses
FrontPage. I'll try again though, just to doublecheck. If I understand
you right, you think I should make a separate stylesheet for print, but
not include the @media rule in it. Putting "media="print" in the
stylesheet link would then make it print as I want? I'll have to give
it a try.

I'm not a total CSS expert, but I thought I had to put "@media print"
in my style sheet to make it work.

Viken K.
 
Take those rules OUT of the stylesheet. If you have separate ones for print
and screen you don't need the @media rules.
Putting "media="print" in the
stylesheet link would then make it print as I want?
Click to expand...

Theoretically, yes.
I'm not a total CSS expert, but I thought I had to put "@media print"
in my style sheet to make it work.
Click to expand...

Only if you are trying to share a single stylesheet among different media.
 
Murray,

Sorry it took me so long to get back to you. I had a busy afternoon at work.
Your suggestion worked! By splitting the screen and print stylesheets and
removing the @media rule, the design view in FP is much more normal looking
now. Thanks a lot.
 
Back
Top