Anonymous 0

Hi everybody, I'm restyleing intranet in my company, the problem is that client can have a resolution that goes from 800600 to 12801024 the browser used are ie 6 or higher and firefox, any suggestion, correction strategy it's really helpfull for me. thanks in advance

ciao h

that's my CSS code

        div#mainDiv
    {
        position: absolute; 
        top: 12.5%; 
        left: 12.5%; 
        width: 75%; 
        height: 75%; 
        border: 2px solid black;
        padding: 0px;
        background-color: white;
        z-index: 1;
    }

    div#top
    {
        border-bottom: 1px solid red;
        background-color: white;
        padding: 0px;
    }


    .footer
    {
        margin: 0px;
        border-top: 2px solid black;
        background-color: white;
        padding: 0px;
    }

    .scheda
    {
        width: 100%;
        height: 50%
        margin: 5px;
    }

    div#scheda_sch
    {
        width: 95%;
        height: 75%;
        overflow: auto;
        border: 1px solid red;
    }

    div#scheda_ris
    {
        width: 95%;
        height: 10%;
        overflow: auto;
        border: 1px solid red;
    }

And that's my main page code:

    <div id="mainDiv">
    <div id="top">
    </div>
    <div id="contentDiv" class="contenuto">
    <div class="scheda">
    <div id="cerca">
    </div>
    <div id="scheda_eti">
    </div>
    <div id="scheda_sch" style="clear: both;">
    </div>
    <div id="scheda_ris"/>
    </div>
    </div>
    <div id="footer" class="footer"></div>
    </div>
  • What exactly are you asking here? Charles Boyung over 6 years ago
  • Thanks for yr. answer Charles Boyung I'm looking for some hints to improve my code to be cross-browser haltman over 6 years ago

1 answer

w3d 25
1
point

You're obviously going to have to develop for an 800 x 600 resolution, or make it completely fluid/flexible and not use a fixed layout. In fact a completely flexible layout might be the way to go since you are catering for just a middle range of browser resolutions. Which is the most common of these resolutions you are catering for? If 800 x 600 is relatively uncommon then just make sure it works OK at that resolution and optimal at 1024 x 768.

Develop for Firefox (because Firefox is the most standards compliant of the browsers you are supporting) and test in IE8, IE7 and IE6. Provide an additional stylesheet for IE6 if necessary using a conditional comment (no hacks in your main stylesheet).

Bit of a general answer I'm afraid; it's a rather general question. The correct answer would fill a book!

Answered over 6 years ago by w3d