Avatar billede ashansen Nybegynder
24. september 2005 - 15:12 Der er 8 kommentarer og
1 løsning

Padding i tabeller

Hej

Jeg har læst en masse indlæg omkring padding i css.
Jeg kan ikke få det til at passe, i forbindelse med implementering i en tabel

Fra mit stylesheet kalder jeg klassen

td.content {
    border-style: solid;
    border-left-color: 5B755C;
    border-right-color: 5B7E55;

    border-top-style: none;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-style: none;
   
    text-align:left;
   
    padding-right: 25px;
    padding-left: 25px;
}

og indsætter dette i tabellen

<td class="content" width="100%" height="96%"><div class="scroll">
blablablablablabla
</div>
</td>

Denne tabel er centreret i browservinduet, og i stedet for at teksten i tabellen indrykkes med x pixel, laves tabellen x pixel bredere i de sider padding er defineret for.

Er der nogle der kan hjælpe?
Avatar billede m_bold Praktikant
24. september 2005 - 15:38 #1
må vi se din class="scroll"?
Avatar billede ashansen Nybegynder
24. september 2005 - 15:45 #2
Ja den ser således ud

div.scroll {
    width:594px;
   
    height:294px;
    overflow: auto;
   
    /* Scrollbar */
   
    scrollbar-3dlight-color:#b9c4ce;
    scrollbar-arrow-color:white;
   
    scrollbar-face-color:5B744C;
    scrollbar-highlight-color:#b344ce;
    scrollbar-shadow-color:5B7E34;
    scrollbar-track-color:9DB344;
}
Avatar billede m_bold Praktikant
24. september 2005 - 15:57 #3
har du prøvet at flytte

    padding-right: 25px;
    padding-left: 25px;

over i div.scroll?
Avatar billede ashansen Nybegynder
24. september 2005 - 16:11 #4
ja, desværre giver det samme resultat
Avatar billede m_bold Praktikant
24. september 2005 - 16:15 #5
jeg tror, at det er fordi, du giver en fixed bredde-værdi i din div.scroll. Så er din td jo nødt til at udvide sig, for at gøre plads til paddingen. Prøv engang at ændre på width:594px;
Avatar billede ashansen Nybegynder
24. september 2005 - 16:19 #6
ahh perfekt.
jeg har ændret width til 100% i stedet for. så er den der.
Men så ryger placeringen af scrollbaren.
Den rykker også 25 px ind.
Kan man gøre noget ved dette?
Avatar billede m_bold Praktikant
24. september 2005 - 16:21 #7
umiddelbart har jeg ikke lige et bud på det. En scrollbar følger jo som regel den tekst den scroll'er for.
Avatar billede ashansen Nybegynder
25. september 2005 - 12:57 #8
m bold, du skal selvfølgelig have point, men jeg håber jo på, at der vil komme andre indlæg med ide til problemet med scrollbaren.
Avatar billede m_bold Praktikant
25. september 2005 - 13:00 #9
Bare i orden... Du får lige et svar, så.
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