Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Website rendering-css issue?

Discussion in 'Website Coding & Programming Forum:' started by peps, Jul 24, 2010.

  1. peps

    peps New Member

    Hi guys
    was just wondering if you could help
    im trying to figure out the positioning of the page im doing
    in opera & google chrome renders ok, but not in firefox & IE

    ive tried several things and have added on a reset in css...:
    #html, body {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 100%;
    margin: auto;

    /* Reset*/
    html, body, div, span, object, h1, h1 a, h2, h3, address, code, img, small, strong, p, ul, li, dl, dt, dd, ol, ul, fieldset, form, label - all these has changed the footer and have removed it

    but still does not work

    can anyone help please?
    any ideas most welcomed
    thank you
    Red Sea Diving Holidays, Egypt - Olympic Holidays
  2. Could you elaborate a little more with a screenshot of the problem please? Why would you be setting, top, left, bottom, right on the body of the and also a width on the body..

    That shouldn't work in any browser.

    What are you trying to achieve? If you are trying to get a div element to center in the page you would do it like this.

    body{ text-align:center; }
    .wrapper{ width: 980px; margin:0 auto; text-align: left; }

    HTML Markup

    <div class="wrapper">
    Content goes here and it is now centered

    Please elaborate a little more and I may be able to help you further.
  3. peps

    peps New Member

    HI there

    thanks for the info
    ive tried to fix the layers today and when ive converted them it did work
    still though ive tried with the "wrapper" and the result is the same
    so - bit to elaborate
    if i have one layer ,say on the right hand side - then it works properly, but if i wanna keep too layers (i mean divs) then when i convert them into table then the problem comes

    as far a s i know - nowadays the use of tables is not widelt applicable, but i have to keep it simple really for people after me to be able to update easy
    for the time being it works & am thinking of converting the whole page into css - then the i think would be able to apply the corct rules and the tubles would not display improper.

    thank you anyway
    still any comments welcomed as im learning and it does help
    thank you
  4. peps

    peps New Member

    just a quick screen shot of the page thats coming wrong

    thank you

    Attached Files:

  5. Are you sure that you are floating the elements correctly and also clearing after?
    It could also be down to the elements within that column. The best way to problem solve this is to remove a box at a time from within the right hand column to work out which one is breaking the page.
  6. peps

    peps New Member

    thats exactly what ive done
    have just removed layers one by one and saw where it breaks

    i was thinking if i was to do this in css only, without the use of tables, then what is the quickest way to position all the layers

    coz really, if i was to do it this way-then probably it would've taken me ages
    (well, haveing in mind that im quite a newbie)-but i do believe that with more experience on the way, things can be done easier and quicker
    thank you anyway

Share This Page