dcsimg
www.webdeveloper.com
Results 1 to 13 of 13

Thread: CSS Layout help?

  1. #1
    Join Date
    Dec 2003
    Location
    UK
    Posts
    1,141

    Angry CSS Layout help?

    Hey im creating a layout using CSS which isnt going to well i have a few questions about it. I will attach the xhtml doc and the css doc in a zip if thats ok.

    1. IE is implementing what i want the right nav beside the main content but mozilla isnt.

    2. My footer in mozilla jumps out of the container.

    3. I was a bad man using depreciated attibutes width and height on the img tag becuase every time i set my banner image to the background of the div at 800*600 it just cut bits of it off. Also i used an ID more than once but im about to change that it was just to get the feel of the layout. Its just the content area which is getting to me
    Last edited by johndoe190; 03-24-2004 at 10:40 AM.

  2. #2
    Join Date
    Dec 2003
    Location
    UK
    Posts
    1,141
    Opps forgot to attach as usual sorry.
    Attached Files Attached Files

  3. #3
    Join Date
    Dec 2003
    Location
    UK
    Posts
    1,141
    And the stylesheet aswell sorry.
    Attached Files Attached Files

  4. #4
    Join Date
    Aug 2003
    Location
    In my house
    Posts
    4,004

    Re: CSS Layout help?

    Originally posted by sharkey182uk
    3. I was a bad man using depreciated attibutes width and height on the img tag becuase every time i set my banner image to the background of the div at 800*600 it just cut bits of it off. Also i used an ID more than once but im about to change that it was just to get the feel of the layout. Its just the content area which is getting to me
    The width and height attributes are deprecated.

    Also, using an ID more than once could be a problem.


    The reason the text jumps out of the footer is because of the default padding/margin applied to the <p> tag. Set them both to 0 and you should be set. Also, I'd recommend setting the footer height to more than 10px, since to fit the text in, you have to make it really tiny. Something around 15px should be good.
    Last edited by Paul Jr; 03-24-2004 at 02:06 PM.

  5. #5
    Join Date
    Dec 2003
    Location
    UK
    Posts
    1,141
    Cheers paul thanks for the footer info i will do that asap. As for the depciated attributes and the more than once id thats getting changed soon as possible too. Still having the problems with the floats for the content in mozilla any idea why?

    Thanks for the help again mate

  6. #6
    Join Date
    Aug 2003
    Location
    In my house
    Posts
    4,004
    What problems are you having? As far as I can tell, everything looks in order.

  7. #7
    Join Date
    Dec 2003
    Location
    UK
    Posts
    1,141
    Hey paul the problem is in Mozilla that the content div to the right drops to the bottom of the page but not in IE. I have just set the content to float left and the content right div to float right but still dropping to the bottom. Any ideas?

    Thanks again

  8. #8
    Join Date
    Dec 2003
    Location
    UK
    Posts
    1,141
    Hey paul the problem is in Mozilla that the content div to the right drops to the bottom of the page but not in IE. I have just set the content to float left and the content right div to float right but still dropping to the bottom. Any ideas?

    Thanks again

  9. #9
    Join Date
    Oct 2003
    Location
    A Hole in the Ground
    Posts
    151

    Re: Re: CSS Layout help?

    Originally posted by Paul Jr
    The width and height attributes are deprecated.
    For the img tag? I did not know that. Well I know now

  10. #10
    Join Date
    Aug 2003
    Location
    In my house
    Posts
    4,004

    Re: Re: Re: CSS Layout help?

    Originally posted by AnacondaAndy
    For the img tag? I did not know that. Well I know now
    Nooo! The height and width attributes aren't deprecated!


    Sharkey, I'm lookin' at the thing right now in IE 6 and Moz 1.6, and it looks basically the same to me. Could ya attach a screenshot of what you're seein'?

  11. #11
    Join Date
    Dec 2003
    Location
    UK
    Posts
    1,141
    No problem paul this is the mozilla firefox screen shot which is making the div go to the bottom of the container div.

    Thanks again
    Attached Images Attached Images

  12. #12
    Join Date
    Dec 2003
    Location
    UK
    Posts
    1,141
    This is the IE screenshot for you where the content right div is where it should be.


    Cheers

  13. #13
    Join Date
    Oct 2003
    Location
    A Hole in the Ground
    Posts
    151
    The width and height attributes are deprecated.
    What did you mean? Sorry for cutting in on the thread.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles