Avatar billede m_x Nybegynder
08. juni 2004 - 17:55 Der er 10 kommentarer og
1 løsning

Problemer med table i div

Hej

Jeg har følgende style på en div:

#Content
{
    width: 500px;
    position: absolute;
    top: 170px;
    left: 50%;
    margin-left: -375px;
    background-color: white;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
    padding: 20px 20px 20px 20px;
    background-image: url(../../Images/topfadebg.gif);
    background-repeat: repeat-x;
    background-position: 0px 0px;
}

Men hvis jeg smider en table i den, så bliver tabellen vist helt ude i højre hjørne af div'en, og rager faktik uden for rammen af min div...

Eksempel på table jeg smider i:

<table cellspacing="0" bordercolor="SteelBlue" border="0" id="dgDisplayNews">
    <tr>
        <td>
            <p>
                2. Beta version
                <br />
                <b>Nu er den 2. Beta version i luften…</b>
                <br />
                Det er den nemlig!
                <br /><br />
            </p>
        </td>
    </tr>
    <tr>
        <td>
            <p>
                Beta site
                <br />
                <b>Beta version af vores nye site er nu på prøve.</b>
                <br />
                Beta version af vores nye site er nu på prøve…. Nemlig ja.
                <br /><br />
            </p>
        </td>
    </tr>
</table>

Nogen der kan hjælpe?
Avatar billede m_x Nybegynder
08. juni 2004 - 17:56 #1
Det skal lige siges at tabellens id ikke tilhører nogen style....
Avatar billede overchord Nybegynder
08. juni 2004 - 18:14 #2
Men med left:50% vil tabellen vel ogsaa starte midt paa siden??
Har du sat margin-left til minus 375 pixels?
Avatar billede m_x Nybegynder
08. juni 2004 - 18:18 #3
De ting du nævner der bruger jeg til at centrere div'en... Alt hvad jeg placerer inden i uden at pille ved dets position skulle bare optræde inden for dets rammer... så vidt jeg ved i hvert fald...

Hvis jeg bare skriver alm. tekst i div'en ser det helt normalt ud...
Avatar billede m_x Nybegynder
08. juni 2004 - 18:20 #4
Nåe ja... jeg har helt glemt at fortælle...

I Internet Explorer ser det hele ud som det skal... Men ikke i Firefox...
Avatar billede skovenborg Nybegynder
08. juni 2004 - 18:25 #5
jeg bruger firefox, men kan ikke lige se det store problem der - i hvert fald placerer den sig ikke helt over i højre side som du skrev. Kunne du smide et link eller evt. noget mere fra stylesheetet - det kan være der er noget andet som ødelægger det for tabellen (kunne selvfølgelig også være et problem i selve HTML-koden)
Avatar billede m_x Nybegynder
08. juni 2004 - 18:47 #6
skovenborg: Jeg har smidt siden online, så du kan se... Adressen er: http://bmw.initial-impact.dk

Problemet kan ses  under Nyheder og Redaktionen...

Stylesheet her: http://bmw.initial-impact.dk/StyleSheets%5CSubStyleSheets%5CDefaultLayout.css
Avatar billede skovenborg Nybegynder
08. juni 2004 - 19:35 #7
prøv at skrive:
<table style="clear:left" cellspacing="0" bordercolor="SteelBlue" border="0" id="dgDisplayNews">
Avatar billede m_x Nybegynder
08. juni 2004 - 20:02 #8
Fantastisk.... clear:left did the trick :)
Jeg har aldrig brugt Clear før... hvad gør den?

Smid et svar...
Avatar billede skovenborg Nybegynder
08. juni 2004 - 21:31 #9
Tjaa, jeg har faktisk heller aldrig brugt den før - og det var stort set også et tilfælde at jeg fandt ud af det.

Men det clear kan gøre er at den laver nok top-margin til at den øverste border (altså den yderste kant) af dit element er under det foregåendes elements ydre kant. clear:left henvender sig til de foregående elementer der er float'ed left, og vil derfor umuligøre at den kan stå til venstre for tabellen, som umiddelbart var problemmet før.
Jeg ved ikke om jeg har beskrevet det godt nok eller om det er fuldkomment korrekt, men det er sådan jeg har læst mig frem til - som sagt har jeg heller ikke selv haft brug for den før.

Links:
http://www.w3.org/TR/CSS21/visuren.html#propdef-clear
http://www.blooberry.com/indexdot/css/properties/classify/clear.htm
Avatar billede skovenborg Nybegynder
08. juni 2004 - 21:31 #10
og her er svaret så :-)
Avatar billede m_x Nybegynder
09. juni 2004 - 17:21 #11
Okay.... Takker :)
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