Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 12
  1. #1
    Junior Member shekar's Avatar
    Join Date
    May 2005
    Location
    Mumbai
    Posts
    12
    Member #
    10007
    hi all , i had developed this HTML using css code first time. the problems is in IE the browser the navigational bar and the content text shifts, where as in other brower it's fine and ok... can anybody tells me how solve this problem... i had attached the files you can take a look.

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    Shekar,

    I needed to make too many changes to describe it,
    so I put it into a temporary webpage so you can see
    what I did.

    Is this how it should look?

    http://catpin.com/shekar/

    view the HTML source
    and the "master.css" file.

    Basically, it was to take the nav part out of the header and
    remove the top padding on the nav.
    I also switched content with sidebar and made content float left.


  4. #3
    Junior Member shekar's Avatar
    Join Date
    May 2005
    Location
    Mumbai
    Posts
    12
    Member #
    10007
    hi, whatever it it's good, but the problem is client the layout where the navigation bar is coming on the top of header it... can it possible to the navigation bar would over header.... please help me to fix this problem



    thanks

  5. #4
    Junior Member
    Join Date
    Jan 2006
    Location
    Perth, Australia
    Posts
    22
    Member #
    12343
    Hi Shekar, haven`t had time to download it to play around, but I think you`ll need to put your `navigation` div inside your `header` div (but get rid of the <h1> tags.

    Then you`ll need to edit the css to tidy up etc.

    Hope that helps....

  6. #5
    Junior Member shekar's Avatar
    Join Date
    May 2005
    Location
    Mumbai
    Posts
    12
    Member #
    10007
    thanks mlseim and stormjuice for your help, it's working fine with tables with two rows in header div... now it's looking same in all the browser.

    thanks

  7. #6
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    Shekar ...

    Give us a link to the actual site so we can see what you've done so far.

    I still think you don't need to use tables.


  8. #7
    Junior Member shekar's Avatar
    Join Date
    May 2005
    Location
    Mumbai
    Posts
    12
    Member #
    10007
    hi, finally it solved the problem... i put the clear: both in css.... now it's looking fine



    thanks all you for the help

  9. #8
    Junior Member shekar's Avatar
    Join Date
    May 2005
    Location
    Mumbai
    Posts
    12
    Member #
    10007
    yes, you are right... later tried to do with CSS only and succeed. here is the attachment i am sending you can look at it.


    thanks

  10. #9
    Junior Member shekar's Avatar
    Join Date
    May 2005
    Location
    Mumbai
    Posts
    12
    Member #
    10007
    one more query, can it possible to stretch the bacground images to 100% throughout the screen. i.e header and footer background images to stretch 100% across horizontal. If any body knows please tell me how to do this...


    thanks

  11. #10
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    Unfortunately not. Stretching background images isn't supported in CSS. For that matter, as I remember it, it wasn't supported in `tag soup' HTML, either. In those cases, it's probably best to either use a background that tiles well or one that fades to a background color. Alternatively, you can create an img element that sits under everything, position it absolutely in the top left, and use Javascript to stretch it to the size of the window. Unfortunately, if Javascript isn't enabled, then you may end up with a big image in the middle of your page that does nothing.


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 12:45 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com