10 replies [Last post]
forever
Offline
newbie
Last seen: 13 years 29 weeks ago
Joined: 2007-09-04
Posts: 8
Points: 0

Something strange is going on with my site when viewing it in IE7!

Please have a look! This is my site:
http://www.newmedia.lincoln.ac.uk/jecgardner/index.php

In firefox and ie6 the first letter of each blog title appears fine where the first letter is bigger then the rest of the words in the title.. When I view my site in IE7 the first letter is invisible? I have no idea why!?

I tried to fix this but when i got the first letter to work in IE7 the effect stopped in firefox :confused:

This is the line of code that works in FF and IE6:
<?php
echo "

".showinweb($row['title'])."


";
?>

This is the CSS it refers to:
p.blogtitle:first-letter {
font-size: x-large;
font-weight: bold;
float: left;
}

p.blogtitle {
font-size: 10pt;
font-style: italic;
word-spacing: 1em;
letter-spacing: 0.1cm;
}

span.blogtit{
text-transform: uppercase;
}

p.blogtitle:first-letter doesnt work in IE7 but p.blogtitle and span.blogtit works in IE7 because the words are spaced and uppercase. I have no idea why the first letter isnt working in IE7?! This is a screenshot of a blog title in IE7:

This is a screenshot of a blog title in Firefox:

As you can see the first letter is missing in IE7 Sad

When i got it to work in IE7 and not FF this is the code I used:
<?php
echo "

".showinweb($row['title'])."


";
?>

P.testing:first-letter {font-size: x-large; font-weight: bold; float: left;}

I am stuck..

I am also using this method below so my site looks the same in all browsers:


Please can someone help!!?

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 5 weeks 5 days ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

See Ingo Chao's (IChao on

See Ingo Chao's (IChao on this board) pseudo-class, pseudo-element, pseudo-CSS white paper. It could be something just that simple.

You may not nest <p> elements, as you've done for the IE works FF doesn't version.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

forever
Offline
newbie
Last seen: 13 years 29 weeks ago
Joined: 2007-09-04
Posts: 8
Points: 0

from this site you provided:

from this site you provided: http://www.satzansatz.de/cssd/pseudocss.html
are you suggesting to use something like this:
p:first-letter , .extraneous {property: value}
and change mine to the following:
p:first-letter , .blogtitle {font-size: x-large; font-weight: bold;}

I dont want to nest

elements because it only worked in IE7. I have gone back to my original code where it works in FF and IE6 but not IE7 Sad <?php
echo "

".showinweb($row['title'])."


";
?>
forever
Offline
newbie
Last seen: 13 years 29 weeks ago
Joined: 2007-09-04
Posts: 8
Points: 0

I still cant fix this IE7

I still cant fix this IE7 problem.

I dont understand why it works in IE7 when I add

(see first post) I do understand why it doesnt work in FF when I add

because:

kk5st wrote:
You may not nest <p> elements, as you've done for the IE works FF doesn't version.

Someone please tell me why i can see the first letter in IE6 and not IE7!?

Can someone tell me if they actually see the first letter in IE7 because it could just be my IE7 deceiving me? :shrug:

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 3 weeks 2 days ago
Joined: 2004-06-30
Posts: 9674
Points: 810

Because IE6 doesn't support

Because IE6 doesn't support :first-letter.

Verschwindende wrote:
  • CSS doesn't make pies

forever
Offline
newbie
Last seen: 13 years 29 weeks ago
Joined: 2007-09-04
Posts: 8
Points: 0

thepineapplehead

thepineapplehead wrote:
Because IE6 doesn't support :first-letter.

Ya I know but when I use that in IE7 it doesn't work. When I use my original method it works in all browsers apart from IE7:
p.blogtitle:first-letter {
font-size: x-large;
font-weight: bold;
}

burlster
burlster's picture
Offline
Leader
Bournemouth
Last seen: 16 weeks 5 days ago
Bournemouth
Joined: 2007-05-31
Posts: 693
Points: 45

Warning

Ooops, whilst checking out your problem I noticed a touch of a problem on your contact page too. Just thought I'd make you aware of it, though you probably already know!

"Warning: main(newmedia.lincoln.ac.uk/jecgardner/breadcrumb.php): failed to open stream: No such file or directory in /home/webmedia/public_html/jecgardner/contact.php on line 182

Warning: main(): Failed opening 'newmedia.lincoln.ac.uk/jecgardner/breadcrumb.php' for inclusion (include_path='.:/usr/lib/php:/usr/local/lib/php') in /home/webmedia/public_html/jecgardner/contact.php on line 182"

Ooops!! Anyway, not to worry. I'll keep looking at the problem your posting about and see if I can't come up with something.

J

P.S. Using IE7, and it's not just yours, I can't see the first letter either. They're not even just invisible (or presumably one would be able to highlight where they should be, which I can't)!

Have YOU said Hello yet?
The CSSCreator Hello Thread

forever
Offline
newbie
Last seen: 13 years 29 weeks ago
Joined: 2007-09-04
Posts: 8
Points: 0

Ya that error on the contact

Ya that error on the contact page was to do with a breadcrumb I am trying to fix.

burlster wrote:

I'll keep looking at the problem your posting about and see if I can't come up with something.

J

P.S. Using IE7, and it's not just yours, I can't see the first letter either. They're not even just invisible (or presumably one would be able to highlight where they should be, which I can't)!

I dont have a clue why IE7 isnt showing the first letter.. I used to work

DanA
DanA's picture
Offline
Elder
Last seen: 10 years 48 weeks ago
Timezone: GMT+2
Joined: 2004-08-14
Posts: 1087
Points: 2

Set hasLayout by adding

Set hasLayout by adding min-height:1%; in p.blogtitle

forever
Offline
newbie
Last seen: 13 years 29 weeks ago
Joined: 2007-09-04
Posts: 8
Points: 0

wow yes DanA you are a

wow yes DanA you are a legend!!!!!! The first letter finally shows in IE7!!!!!

What do you mean by "Set hasLayout" ?

DanA
DanA's picture
Offline
Elder
Last seen: 10 years 48 weeks ago
Timezone: GMT+2
Joined: 2004-08-14
Posts: 1087
Points: 2

I'll also suggest that you

I'll also suggest that you read Ingo Chao's paper on that:
http://www.satzansatz.de/cssd/onhavinglayout.html