15 replies [Last post]
pixel8
Offline
Regular
Last seen: 14 years 44 weeks ago
Timezone: GMT+5.5
Joined: 2006-03-14
Posts: 15
Points: 0

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!

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 1 week 1 day ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

Re: Background not stretching through

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.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

pixel8
Offline
Regular
Last seen: 14 years 44 weeks ago
Timezone: GMT+5.5
Joined: 2006-03-14
Posts: 15
Points: 0

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 :-/

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 1 week 1 day ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

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.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

pixel8
Offline
Regular
Last seen: 14 years 44 weeks ago
Timezone: GMT+5.5
Joined: 2006-03-14
Posts: 15
Points: 0

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!

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 1 week ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

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>

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 43 weeks 3 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Background not stretching through

IE is incorrectly expaning the div.

Stop testing it in IE. Get it working in Firefox first Laughing out loud

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.

Verschwindende wrote:
  • CSS doesn't make pies

pixel8
Offline
Regular
Last seen: 14 years 44 weeks ago
Timezone: GMT+5.5
Joined: 2006-03-14
Posts: 15
Points: 0

Background not stretching through

i fixed the document type. now what? Sad

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 1 week 1 day ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

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:

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

pixel8
Offline
Regular
Last seen: 14 years 44 weeks ago
Timezone: GMT+5.5
Joined: 2006-03-14
Posts: 15
Points: 0

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

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 1 week 1 day ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

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?

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 43 weeks 3 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

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 Laughing out loud

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 Laughing out loud

Verschwindende wrote:
  • CSS doesn't make pies

pixel8
Offline
Regular
Last seen: 14 years 44 weeks ago
Timezone: GMT+5.5
Joined: 2006-03-14
Posts: 15
Points: 0

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!! Laughing out loud

and Pineapplehead... thanks for being so kind. I will be fixing that now! Smile

Thanks again both of u Smile

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 43 weeks 3 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

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 Laughing out loud

Verschwindende wrote:
  • CSS doesn't make pies

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 1 week 1 day ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

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/

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 1 week ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Background not stretching through

I'll remember not to waste my time next time Wink

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me