Tue, 2007-06-26 11:27
Hello,
First of all, apologies for not being able to provide a link, I don't have anywhere I can upload to whilst in my office. Second of all, this is my first attempt at a CSS site and is designed to be a bit of an on-line newsletter for my other half whilst she's away. I know she has 20:20 (vision, not Mad Dog alcohol) so I've sized my fonts using pixels.
Finally, please ignore the lack of images, hopefully this shouldn't overly effect what you see.
Right then, my question. Do you know why in the main content column, the first paragraph doesn't indent in IE7? I can't test it in IE6 and it works in FF.
Thank you,
John
P.S. Please rename the burleyjstyle from a txt to a css. Thank you
| Attachment | Size |
|---|---|
| burleyjexample.html | 1.3 KB |
| burleyjstyle.txt | 2 KB |
Tue, 2007-06-26 12:24
#1
Can you put the CSS inline
Can you put the CSS inline in the html? That means we can click on the html file and have it display with styles in the browser.
Tue, 2007-06-26 14:23
#2
Done
Tue, 2007-06-26 14:46
#3
A bit of a brain buster, but
A bit of a brain buster, but I think I've got it sussed.
You need to clear the float from your image. Eg,
#content p
{text-indent: 15px;
text-align: justify;
clear:left;
}
Tue, 2007-06-26 15:03
#4
Got it
Bingo, thank you very much, :thumbsup:
John
Wed, 2007-06-27 08:29
#5
Sorry to be a pain, but it's
Sorry to be a pain, but it's not fixed. I thought it was because there wasn't enough test data in the left and right columns. However if they stretch down (as they are intended to) to accommodate more information, then the code above makes the paragraph sit in the middle column below where the text in the side columns end.
Not making much sense? I've added more test data.
Thanks,
John
| Attachment | Size |
|---|---|
| burleyjexample.html | 4.44 KB |
Wed, 2007-06-27 08:33
#6
Oh no, wait. Why clear the
Oh no, wait. Why clear the float from the image when I don't need to float the image in the first place? Removing that appears to have worked.
Thanks,
John
P.S. Still an odd problem though, can anyone tell me why this happened? :shrug:
Wed, 2007-06-27 10:15
#7
I thought I had a solution,
I thought I had a solution, but I didn't really. Sorry about
Wed, 2007-06-27 10:22
#8
No worries Phreestyle. In
No worries Phreestyle. In fact you were right, the paragraph was reacting to the image. It's just that rather then clearing the paragraph text, I simply took away the floating of the image as it fills the width of its container anyway so doesn't need to float. And that sorted it. Couldn't have solved it without your advice.
Just wish I understood WHY the text indent was effected by this :?