Tue, 2007-09-04 22:22
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 
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!!?
Wed, 2007-09-05 04:20
#1
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
Wed, 2007-09-05 18:11
#2
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 <?php
echo "
".showinweb($row['title'])."
";
?>
Fri, 2007-09-07 00:14
#3
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:
Fri, 2007-09-07 19:53
#4
Because IE6 doesn't support
Because IE6 doesn't support :first-letter.
Tue, 2007-09-11 11:21
#5
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;
}
Tue, 2007-09-11 11:49
#6
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)!
Tue, 2007-09-11 15:19
#7
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
Tue, 2007-09-11 15:56
#8
Set hasLayout by adding
Set hasLayout by adding min-height:1%; in p.blogtitle
Wed, 2007-09-12 09:22
#9
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" ?
Wed, 2007-09-12 11:04
#10
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