Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How to write Cross-browser CSS for iPad/iPhone ?

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #33621
    kelvinwong
    Member

    Hi all,

    I am going to write a new website. When I start writing the layout, I ran into a problem that the DIV elements (with ID “container”) DO NOT auto-fill the entire width on my iPad/iPhone, neither in landscape or portrait mode. Can anyone help please ?

    Below are the code i wrote :

    HTML


    "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



    content="text/html; charset=utf-8" />








    CONTENT GOES HERE








    CSS


    /* UNDERLAYING BG-BOX DIV */
    #bg_box{
    height: 200px;
    background-color:#ddd;
    z-index:-1;}

    /* CENTERED CONTAINER DIV */
    #container{
    width: 1000px;
    heigth: 500px;
    margin: -200px auto 0px;
    background-color: #ccc;}

    /* FULL WIDTH FOOTER DIV */
    #footer_fullwidth{
    min-width: 1000px;
    height: 100px;
    background-color:#abc;}
Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.