Avatar billede webstuff Nybegynder
01. marts 2006 - 00:20 Der er 3 kommentarer og
1 løsning

Problem med div udvidelse i FF

Jeg har en side som et sat op i div's.
Men problemet er at jeg i min "hoved-div" har nogle bokse i højre side, som er stylet med "float:right;".
Så kommer indholdet af siden på venstre side af de bokse.
Men "hoved-div'en" udvider sig ikke efter boksene i højre side ( i IE gør den ).
Jeg har prøvet alt med position, float, clear osv. Men kan s*tme ikke få det skidt til at virke..
Nogen der har nogle input's?
Avatar billede milandt Nybegynder
01. marts 2006 - 13:09 #1
copy/paste din kode eller et link til din side
Avatar billede webstuff Nybegynder
01. marts 2006 - 13:22 #2
#####KODE:
---------------
<div align="center">
    <div id="top">
        ///Banner her!!
    </div>
    <div id="topmenu">
        <a href="?page=home" class="topmenu" title="Forside">Forside</a>   
    </div>
<div id="main">
  <div style="float:right;position:relative;">   
    <div class="top_right">
      Login:
    </div>
    <div class="box_right">
      //LoginForm
        <div style="text-align:center;"><a href="?page=help">Problem ?</a></div>
    </div>

    <br />

    <div class="top_right">
      Statistik:
    </div>
    <div class="box_right">
      //Besøgs statistik
    </div>

  </div>
INDHOLD
</div>
    <div id="footer">
        Coprytigt Notice
    </div>
</div>
-----------

#####STYLESHEET:
--------------
body{
  background-color:#E8E7E2;
  color:#000;
  font-family:verdana, tahoma;
  font-size:10px;
}
#top{
  color:#000;
  background-color:#4C8449;
  border:1px solid #6c6c6c;
  width:700px;
  text-align:left;
}
#topmenu{
  color:#000;
  background-color:#e1e1e1;
  border-left:1px solid #6c6c6c;
  border-right:1px solid #6c6c6c;
  border-bottom:1px solid #6c6c6c;
  width:700px;
  height:22px;
}
#main{
  color:#000;
  position:relative;
  padding:2px;
  background-color:#efefef;
  border-left:1px solid #6c6c6c;
  border-right:1px solid #6c6c6c;
  width:696px;
  height:auto;
  text-align:left;
}
#footer{
  clear:both;
  position:relative;
  color:#ffffff;
  background-color:#4C8449;
  border:1px solid #6c6c6c;
  width:700px;
  text-align:center;
}

div.top_right{
  position:relative;
  padding:2px;
  text-align:left;
  width:180px;
  border:1px solid #6C6F6C;
  background-image:url('images/bjaelke_bg.gif');
  background-color:#4C8449;
  color:#ffffff;
  font-size:13px;
  font-weight:bold;
}
div.box_right{
  position:relative;
  color:#000;
  padding:2px;
  text-align:left;
  width:180px;
  border-left:1px solid #6C6F6C;
  border-right:1px solid #6C6F6C;
  border-bottom:1px solid #6C6F6C;
  background-color:#e1e1e1;
}
-----------------------------

Jeg har kun taget det relevante ud fra mit stylesheet, hvis i mangler noget mere af det, så sig til :-)
Avatar billede webstuff Nybegynder
01. marts 2006 - 23:54 #3
Nogen der kan hjælpe??
Avatar billede webstuff Nybegynder
02. marts 2006 - 04:36 #4
Så lukker jeg :-)
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