Avatar billede stratokaster Novice
19. oktober 2005 - 17:57 Der er 13 kommentarer og
1 løsning

Scrollbar ødelægger layout!

Jeg har lavet et layout, hvor det virker fint i firefox, men i Ie rykker designet sig en smule i de 2 sider hvor der er scrollbar. Hvad skal jeg gøre?
Avatar billede roenving Novice
19. oktober 2005 - 18:00 #1
I stylesheetet:

html,body{overflow:hidden;}
Avatar billede stratokaster Novice
19. oktober 2005 - 19:31 #2
Det hjælper ikke noget, designet flytter sig stadigvæk Ie, men ikke i firefox. Jeg har valideret koden og der er ingen fejl?
Avatar billede roenving Novice
19. oktober 2005 - 19:32 #3
?-)

-- det må du vise !-)
Avatar billede olebole Juniormester
19. oktober 2005 - 22:39 #4
<ole>

Man kan sagtens skrive et komplet meningsløst og/eller fejlfyldt dokument, der validerer til perfektion. En markup-validator sikrer dig kun mod syntaks-fejl  ;o)

/mvh
</bole>
Avatar billede stratokaster Novice
20. oktober 2005 - 09:44 #5
Her er så koden!


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">



<html><head>



        <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">



        <title></title>



       



        <link href="images/fest.css" rel="stylesheet">



       

       



</head>



<body>

       



           

  <table border="0" cellpadding="0" cellspacing="0" width="900" align="center">

   

      <tr class="tr1">

        <td colspan="4" valign="top"><img src="images/top.jpg" alt="" border="0" height="145" width="900"></td>

      </tr>

      <tr>

        <td colspan="4" height="45" valign="top"></td>

      </tr>

      <tr>

        <td width="178" rowspan="2" valign="top">

       

            <table class="table1" border="0" cellpadding="0" cellspacing="0" align="center">

             

                <tr>

                  <td valign="middle" width="91"> <div align="left" class="menu">  <a href="index.htm">Forsiden</a></div></td>

                </tr>

                <tr>

                  <td width="91">&nbsp;</td>

                </tr>

                <tr>

                  <td valign="middle" width="91"> <div align="left" class="menu"> 

                      <a href="firmafest.htm">Firmafest</a>

                    </div></td>

                </tr>

                <tr>

                  <td width="91">&nbsp;</td>

                </tr>

                <tr>

                  <td valign="middle" width="91"> <div align="left"> <a href="julefrokost.htm">Julefrokost</a></div></td>

                </tr>

                <tr>

                  <td width="91">&nbsp;</td>

                </tr>

                <tr>

                  <td valign="middle" width="91"> <div align="left"><a href="omaa.htm">Om A &amp;

                    A</a></div> </td>

                </tr>

                <tr>

                  <td width="91">&nbsp;</td>

                </tr>

                <tr>

                  <td valign="middle" width="91"> <div align="left"> <a href="referencer.htm">Referencer</a></div></td>

                </tr>

                <tr>

                  <td valign="middle" width="91">&nbsp;

                  </td>

                </tr>

                <tr>

                  <td valign="middle" width="91">  <div align="left" class="menu">  <a href="kontakt.htm">Kontakt</a></div></td>

                </tr>

             

            </table>

        </td>
        <td width="400" valign="top"><p class="broedtekst_fed">Helt uforpligtigende kan du p&aring; formularen reserver en dato, f&aring; oplyst pris, bestille gratis reklame-materiale. <br>
            <br>
Husk at oplyse din email, s&aring; mailer vi hurtigt tilbage om vi er ledige. Du er ogs&aring; velkomme til blot at sende os en mail </p>

<FORM ACTION="http://www.gullestrupnet.dk/cgi-bin/formmail.php"

                METHOD="post">

        <input type="hidden" name="Sort" value="order:email,dato,tidspunkt,sted,Art,antal,materiale,modtager,adresse,Post,By,Attention,Tekstbox"><br>

          <INPUT TYPE="text" NAME="email" SIZE="25"><span class="broedtekst"> Husk din email, s&aring; vi kan maile</span> <br><br>

             
 

            <INPUT TYPE="text" SIZE="25" NAME="dato">

                <span class="broedtekst">Datoen for arrangementet</span><br><br>

            <INPUT TYPE="text" SIZE="25" NAME="tidspunkt">

                <span class="broedtekst">Hvilket tidspunkt &oslash;nsker du?</span><br><br>
            <INPUT TYPE="text" SIZE="25" NAME="sted">

              <span class="broedtekst">Hvor holdes arrangementet?</span> <br><br>
             
              <SELECT NAME="Art">

                  <OPTION selected> </OPTION>

                  <OPTION>Firma</OPTION>

                  <OPTION>Forening</OPTION>

                  <OPTION>Offentlig instituion</OPTION>

                  <OPTION>Privat</OPTION>

        </SELECT>

                <span class="broedtekst">Hvem I er? </span>

                <input type="hidden" name="recipient" value="info@festunderholdning.dk">

                <input type="hidden" name="subject" value="Underholdning"> <input type="hidden" name="redirect" value="http://www.festunderholdning.htm">

                <input type="hidden" name="return_link_url"



                    value="http://www.festundeholdning.dk/takbest.htm"><br><br>

                 
           

                  <INPUT TYPE="text" SIZE="6" NAME="antal">    <span class="broedtekst">Antal forventet tilskuere</span>

          <hr align="left" width="280" size="1" noshade>

                  <INPUT TYPE="checkbox" NAME="materiale">

                <span class="broedtekst">Ja tak, send materiale</span> <br><br>

         

            <INPUT TYPE="text" SIZE="25" NAME="modtager"><span class="broedtekst"> Modtager</span><br><br>

            <INPUT TYPE="text" SIZE="25" NAME="adresse">

                <span class="broedtekst">Adressen </span><br><br>

          <input type="text" size="5" maxlength="5" name="Post">

                <span class="broedtekst">Postnummer</span><br><br> <INPUT TYPE="text" SIZE="18" NAME="By">

                <span class="broedtekst">By </span><br><br><input type="text" size="25" name="Attention" >

                <span class="broedtekst">Evt. Attention</span> <br><br>

        <span class="broedtekst_fed"> Har

                  du andet at tilf&oslash;je? M&aring;ske

                  et telefonnummer.</span>
                  <TEXTAREA NAME="Tekstbox" COLS="30" ROWS="8"></TEXTAREA> <br><br>
               
                  <INPUT NAME="Sendknap" TYPE="submit" value="Send"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

            <INPUT NAME="Slet alt" TYPE="reset" value="Slet alt">
          </form>



 
       
        </td>
        <td width="342" rowspan="2" valign="top">&nbsp;          </td>

      </tr>

     

      <tr>

        <td colspan="4" height="45" valign="top"> <br>

            <br>

            <script type="text/javascript"><!--



google_ad_client = "pub-6986267732020355";



google_ad_width = 728;



google_ad_height = 90;



google_ad_format = "728x90_as";



google_ad_type = "text";



google_ad_channel ="";



google_color_border = "FFFFFF";



google_color_bg = "FFFFFF";



google_color_link = "666666";



google_color_url = "666666";



google_color_text = "000000";



//--></script>

            <script type="text/javascript"



  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">



</script>

        </td>

      </tr>
</table>

       



       



</body>
</html>
Avatar billede stratokaster Novice
20. oktober 2005 - 09:58 #6
Eller tjeck hjemmesiden!
Avatar billede stratokaster Novice
20. oktober 2005 - 10:10 #7
Problemet er at jeg kun kan få designet til enten at passe til firefox eller Ie, men ikke begge browser?
Avatar billede roenving Novice
20. oktober 2005 - 15:36 #8
Hvis du ændrer denne, bliver det meget lettere at få layout tiol at bive ens:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

-- til denne:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

-- for så overholder selv IE grundlæggende css-regler !-)
Avatar billede stratokaster Novice
20. oktober 2005 - 17:14 #9
Jeg har sat den nye doctype ind men det løser ikke problemet det er ligesom tabellen som flytter sig, andre gode forslag?
Avatar billede roenving Novice
20. oktober 2005 - 17:19 #10
Såvidt jeg kan se flytter den sig 1px, hvis man skifter frem og tilbage mellem FF of IE fordi scrollbars er en anelse smallere i FireFoxen ...

-- hvorfor så ikke bare skjule dem med mit allerførste forslag (inklusive den sidste !-)
Avatar billede stratokaster Novice
20. oktober 2005 - 17:30 #11
hvis jeg skjuler scrollbaren kan folk jo ikke læse teksten og bruge formularen på de 2 sidste, elleres havde jeg gjort det:)
Avatar billede roenving Novice
20. oktober 2005 - 17:39 #12
-- men hvem vil overhovedet opdage det ?-)

-- der findes da ikke bare een eneste surfer i verden, som skifter frem og tilbage mellem flere forskellige browsere, for hvis du bare har det åbent på to forskellige computere ved siden af hinanden kan man slet ikke se det !-)
Avatar billede stratokaster Novice
20. oktober 2005 - 17:45 #13
Se f.eks www.plovmand.dk, der kan de få designet til at se ens ud selvom der ikke er scrollbar i alle siderne, jeg ved godt at det er en lille detalje, men jeg er rimelig nysgerrig?
Avatar billede stratokaster Novice
11. februar 2006 - 19:58 #14
lukker!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester