Avatar billede ellebaek Nybegynder
10. januar 2005 - 11:49 Der er 2 kommentarer og
1 løsning

width rykker rundt

Hej...

Jeg er igang med en side hvor jeg benytter CSS til at opbygge siden.

I det hele taget er stylesheetet lidt rodet, men virker godt og validere med w3c.

Men når jeg viser siden vises den på mange forskellige måder:

i firefox laver den til tider en fejl hvor størrelsen ikke bliver tilpasset med sidens bredde sådan som jeg gerne vil have..

Jeg er ikke specielt skarp i CSS. Så derfor håber jeg der er nogen der kan hjælpe mig.

Jeg har 2 screenshots: (billederne er skåret i venstre side, men højre side går helt ud til kanten af browseren)
I firefox når siden ser forkert ud :
http://www.student.dtu.dk/~s011606/width1.jpg

I firefox når siden ser ud som den skal:
http://www.student.dtu.dk/~s011606/width2.jpg

Min default side ser ud som:
<TABLE width="100%">
<TR>
<TD valign="top">
<div id="centermainbox">
<?php
    if (!isset($page)) {
        include "frontpage/frontpage.php";
    }
    else {
            include($page . "/" . $page . "_page.php");
        }
    ?>
      </div>
    </TD>
      <?PHP
         
      if ($_SESSION['inst_msg']) {
        echo '<TD width="285" valign="top">';
                       
        echo "<div id=\"instantbox\">";
            echo '<IFRAME src="instantmsg/inst_msg_page.php" HEIGHT="100%" WIDTH="100%" frameborder="0"></IFRAME>';
        //$db_connection->db_stop();
        echo "</div>";
        echo "</TD>";       
      }   
      else {
          echo "<td width=\"20%\"></td>";
      }
      ?>   

</TR></TABLE>

De CSS koder jeg benytter er:

#centerbox {
    position: relative;
    top:1px;
    left: 20em;
    width: 75%;
    padding : 0px 0px 0px 0px;
}

#centermainbox {
    position: relative;
    top:0px;
    left: 0em;
    height: auto;
    width: auto;
    min-height: 490px;
    background:  white;
    border:1px solid #8CACBB;
    padding : 10px 10px 10px 10px;
    overflow: auto;
}

#instantbox {
    position: relative;
    top:0px;
    min-height: 490px;
    height: 490px;
    min-width: 285px;
    max-width: 285px;
    width: 285px;
    background: white;
    border:1px solid #8CACBB;
    padding : 10px 10px 10px 10px;
    overflow: auto;
}

Grunden til at jeg har benyttet en tabel på siden er at jeg på den måde kan sørge for at siden hele tiden har den rette bredde..
Avatar billede ellebaek Nybegynder
10. januar 2005 - 12:05 #1
Jo...

og forresten, så om man kan fikse så højden på de 2 bokse mindst er den samme.. Men hvis der kommer mere tekst i boksen til venstre, så bliver den længere...
Avatar billede ellebaek Nybegynder
12. januar 2005 - 09:34 #2
Slet ikke nogen der kan hjælpe ..? :-(
Avatar billede ellebaek Nybegynder
13. januar 2005 - 12:15 #3
Jeg prøver noget nyt ;-)
http://www.eksperten.dk/spm/580324
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