Avatar billede SilenceWar Nybegynder
22. november 2010 - 20:10 Der er 7 kommentarer og
1 løsning

CSS Positionering af tabeller!

Hej eksperter..

Jeg har leget med en menu hvor jeg har en animationseffekt..

Jeg har selve opstillingen af tabellerne i CSS - men jeg ligger dog med et problem.
Jeg har prøvet, at løse det med z-index - men virker ikke efter hensigten..

Se disse 2 billeder:

http://btworldwars.com/Help.jpg

http://btworldwars.com/Help1.jpg

Som der ses på billede 2, så udvider selve siden sig (og den aflange boks rykker sig nedad)..

Det er meget frustrerende :( Nogen der har en måde, at få selve menuen øverst til, at være yderst - sådan menuen udvider sig ud over tabellen nedenfor...??

:)

Hilsen
SilenceWar
Avatar billede majbom Novice
22. november 2010 - 20:29 #1
hvordan ser dine styles ud?

det er garanteret noget position der ikke er defineret rigtig...
Avatar billede SilenceWar Nybegynder
22. november 2010 - 20:50 #2
Lige nu har jeg ikke nogen positions på mine tabeller..
Kan dog lige finde de styles der har betydning for dem - så kan du se om der evt. mangler noget.

Selve menuen:

td .lightgrey{
    width:150px;
    height:60px;
    float:left;
    color:#191919;
    text-align:center;
    overflow:hidden;
    background:#999 url('http://gfx.dk1.btworldwars.com/Forum/MenuBackground.png') bottom left no-repeat;
}


- Der er sådan set ikke noget CSS til boksen nedenunder, så det kan jeg ikke lige oplyse..

Men har du en idé til hvad der kan gøres? :)
Avatar billede webweaver Praktikant
22. november 2010 - 20:55 #3
Nu er det svært at se, eftersom du kun har postet billeder.
Men hvis du har det inde i samme tabel eller div, har du problemet. Hvis den udvider sig, gør det rundt omkring selvfølgelig også. Hav den for sig selv. En div med position absolute eller relative kunne være måden er måden.

Vis os noget mere, så er det lettere at hjælpe dig :)
Avatar billede webweaver Praktikant
22. november 2010 - 20:56 #4
Har du et link til siden? Vil godt se din HTML.
Avatar billede SilenceWar Nybegynder
22. november 2010 - 21:00 #5
Jeg tror faktisk, at du har fat i noget der.. hm..

Forstil dig det her:

<table>
<tr>
<td>


<table width="580" border="0" cellspacing="0" cellpadding="0">
            <tr height="25px" valign="middle">
                <td align="center" valign="top" background="http://gfx.dk1.btworldwars.com/InBetween.gif" style="background-repeat:repeat-x" >
                <br />
                <table align="left" style="margin-left:15px;">
      <tr>
      <td class="lightgrey" id="Fane1">
    <div class="TopTitleLines" > Informationer </div> 
              <br /><br />
              <div class="Title">Generelt</div>
              <div class="Title">Regler</div>
              <div class="Title">Guides</div>
      </td>
            <td class="lightgrey" id="Fane2">
            <div class="TopTitleLines"> Angreb / Forsvar </div> 
              <br /><br />
              <div class="Title">Bliver angrebet</div>
              <div class="Title">Vil angribe</div>
      </td>
            <td class="lightgrey" id="Fane3"><div class="TopTitleLines"> Offtopic </div>
      </td>
      </tr>
      </table>
     



      <br />
     
               
               
                <table width="800" align="center" cellpadding="0" cellspacing="0" bgcolor="#debd78" style="margin-top:15px; color: #900;">
                  <tr>
                    <td colspan="6" width="100%"  bgcolor="#f9dda2"><img src="http://gfx.dk1.btworldwars.com/TableTopLeftRight800px.gif" alt="" /></td>
                  </tr>
                  <tr align="center" height="25" valign="top" align="left">
                      <td align="left" height="5" width="50%" class="RegularTextSmall"><b style="margin-left:10px;"><u>Emne</u></b></td>
                    <td height="5" width="20%" class="RegularTextSmall"><b><u>Forfatter</u></b></td>
                    <td height="5" width="20%" class="RegularTextSmall"><b><u>Sidste besked</u></b></td>
                    <td height="5" width="10%" class="RegularTextSmall"><b><u>Antal</u></b></td>
                  </tr>
                  <tr align="center" height="25" valign="top" align="left">
                      <td align="left" height="5" width="50%" class="RegularTextSmall"><div style="margin-left:10px;">Vigtigt: Sig hej til de andre!</div></td>
                    <td height="5" width="20%" class="RegularTextSmall">
                    SilenceWar<br />
                    <div class="RandomRedText900" style="font-size:10px;">YYYY-MM-DD hh:mm:ss</div>
                    </td>
                    <td height="5" width="20%" class="RegularTextSmall">
                    SilenceWar<br />
                    <div class="RandomRedText900" style="font-size:10px;">YYYY-MM-DD hh:mm:ss</div>
                    </td>
                    <td height="5" width="10%" class="RegularTextSmall">35</td>
                  </tr>
                  <tr>
                    <td colspan="6" bgcolor="#f9dda2"><img src="http://gfx.dk1.btworldwars.com/TableBottomLeftRight800px.gif" alt="" /></td>
                  </tr>
                </table>




</td>
</tr>
</table>



Der ligger faktisk 2 tables inde i en table..

Det vil så sige, at det 2. table der ses er menuen og den 3. table er boksen nedenfor..

Mit spørgsmål til det du så lige skrev er..

Kan det, at de 2 tables ligger inde i en table have noget at gøre med at jeg har problemet?
Er der ikke en anden vej udenom - da det ellers vil gøre, at jeg skal omskrive hele min side.. :s :P

SW
Avatar billede SilenceWar Nybegynder
22. november 2010 - 21:01 #6
Måske en smule bøvlet eftersom det kræver man skal ind igennem et brugersystem og det hele? :)
Avatar billede SilenceWar Nybegynder
22. november 2010 - 21:10 #7
Lig et svar og få point webweaver!
Jeg satte mit table ind i en div med en position:absolute.

Mange tak for rådet!
Avatar billede webweaver Praktikant
22. november 2010 - 21:29 #8
Det var godt at du fik det til at virke :)

Tak for point.
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