Sat, 2006-03-18 04:33
http://www.becauseofb.com/trial02/
here is the page. section 02(under B-Log) doesnt seem to strech the background in Firefox, whereas it looks find in IE.
Pls help!
Sat, 2006-03-18 06:06
#1
Re: Background not stretching through
pixel8 wrote:
http://www.becauseofb.com/trial02/
here is the page. section 02(under B-Log) doesnt seem to strech the background in Firefox, whereas it looks find in IE.
I believe that your DTD is not complete and leaves browsers in quirks mode. It definitely leaves Firefox in quirks mode.
You have this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
but I believe it should be:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Second, you are making a bad mistake designing for IE. IE does a whole lot of things *wrong*. Design for a compliant browser, such as firefox, and then fix it up for IE. It's much easier to do that way.
Sat, 2006-03-18 06:15
#2
Still doesnt work :(
thanks Ed! but changing the DTD doesnt help either. any other way?
I test everything first on Firefox, but just saw it in IE and was surprised to see it working there :-/
Sat, 2006-03-18 18:10
#3
Re: Still doesnt work :(
pixel8 wrote:
thanks Ed! but changing the DTD doesnt help either. any other way?
I test everything first on Firefox, but just saw it in IE and was surprised to see it working there :-/
Well, unless you have a very unusual page indeed, Firefox is showing according to the standard, and IE is wrong, no matter that it looks the way you want it.
I've looked at your code and found it extremely difficult to understand, what with all those divs with slightly different names, and the background graphics, it has me all confused. Maybe you need to rethink your approach. But I admit that if someone gave me that advice I wouldn't be terribly receptive to it.
Try putting borders around your divs one div at a time. That will at least possibly show you where the problem is located, if not tell you what it is.
Sat, 2006-03-18 18:38
#4
Background not stretching through
Thanks for looking through the code. I know it's sorta messed up.
If you can please take a look at http://becauseofb.com/trial02/index_02.html
I've kindda reduced it to only the problematic area.
Thanks again!
Sat, 2006-03-18 18:38
#5
Background not stretching through
Regardless of whether you think it helps you must have your page rendering in standards mode so please correct the DTD.
Your CSS is a little confusing and difficult to follow making tracking down the problem all that bit harder. One generally good idea is that if you are using classes the way that you are then use selector grouping for those rules that are common to all the different classes you have, so that if all classes have an image and a width then group those properties together
.class, .anotherclass, thirdclass {
common: properties;
}
Then only specific changes need to be written for individual classes, it will help keep your css neater and understandable
Off hand I can't see where you have gone wrong with this, why the content isn't expanding the parents, but without knowing that the page is rendering in standards mode I would not bother to look further, until that is a full DTD was present.
Hugo.
<edit> x posted with above but the request still stands insert a full DTD please.</edit>
Sat, 2006-03-18 18:41
#6
Background not stretching through
IE is incorrectly expaning the div.
Stop testing it in IE. Get it working in Firefox first 
The doctype still hasbn't been changed, the old one is still there. Change it before doing anythign else. Just because it doesn't appear to be doing anything, doesn't mean you should take it back out.
position: static;
is unnecessary, it's the default.
As Ed says, you have serious divitis.
I see:
unordered list
header
subheader
paragraph
subheader
paragraph
subheader
paragraph
footer
/edit
Didn't see your reply. Doctype still wrong. Fix it please.
Sat, 2006-03-18 18:47
#7
Background not stretching through
i fixed the document type. now what? 
Sat, 2006-03-18 18:57
#8
Background not stretching through
pixel8 wrote:
If you can please take a look at http://becauseofb.com/trial02/index_02.html
I've kindda reduced it to only the problematic area.
Gad! A div within a div within a div within a div! There must be an easier way. And another one thrown in at the end.
Sorry, you have exceeded my rather limited powers of understanding complexity.
:oops:
Sat, 2006-03-18 19:03
#9
Background not stretching through
oh well... im really sorry for making it so complicated
i further cut down on the codes n stuff
could u pls take a look again???
http://becauseofb.com/trial02/index_02.html
Sat, 2006-03-18 19:08
#10
Background not stretching through
pixel8 wrote:
oh well... im really sorry for making it so complicated
i further cut down on the codes n stuff
could u pls take a look again???
http://becauseofb.com/trial02/index_02.html
Sorry, I still don't understand. Why is "section02_content" contained within "section02a_top" ? Logically your content should be outside your header, not contained within it. Or am I misunderstanding the class names and their purposes?
Sat, 2006-03-18 19:27
#11
Background not stretching through
<div class="section02_container">
<div class="section02a_top">
<div class="section02_content"> Garfu, the kind-hearted but extremely
busy soul finally found time to meet up today. She even treated me to
a hot chocolate to put me to sleep, so that she could walk off whenever
she got bored of listening to me snore. But sadly, her apple cinnamon
muffin kept her busy and she paid no attention to my sweet snorty noises.
In between I talked in my sleep and mumbled some not so pleasant things
about the world and a few specific people. I think she also gave up
the muffin for a while and reciprocated with equally mean words about
her workplace and people there. We found out time to *beep* in the midst
of all this! Can you believe it? No? Okay read on then… <br><br>
<br>
</div>
</div>
</div>
ew
Use this instead:
<h2> On B-log </h2> <p>Garfu, the kind-hearted but extremely busy soul finally found time to meet up today. She even treated me to a hot chocolate to put me to sleep, so that she could walk off whenever she got bored of listening to me snore. But sadly, her apple cinnamon muffin kept her busy and she paid no attention to my sweet snorty noises. In between I talked in my sleep and mumbled some not so pleasant things about the world and a few specific people. I think she also gave up the muffin for a while and reciprocated with equally mean words about her workplace and people there. We found out time to *beep* in the midst of all this! Can you believe it? No? Okay read on then⦠</p>
Have a go styling that. You'll thank me. Come back when you get stuck
Sat, 2006-03-18 19:31
#12
Background not stretching through
hey Ed! i fixed it. it was something to do with wot u mentioned last!
Thank you so much for being so patient with me!!!!!! Really!!
and Pineapplehead... thanks for being so kind. I will be fixing that now! 
Thanks again both of u
Sat, 2006-03-18 19:43
#13
Background not stretching through
Glad you got it sorted, but you will benefit by cutting down on the divs and using semantic markup. Give us a shout if you need help
Sat, 2006-03-18 19:44
#14
Background not stretching through
pixel8 wrote:
hey Ed! i fixed it. it was something to do with wot u mentioned last!
Well Tonto, it looks like our work here is done... \:D/
Sat, 2006-03-18 22:09
#15
Background not stretching through
I'll remember not to waste my time next time 