Avatar billede theselfimages Nybegynder
09. januar 2006 - 23:06 Der er 9 kommentarer og
1 løsning

Baggrund stretches ikke i forhold til indhold.

http://test.mending.dk/selskabskompagniet/index.asp?page=303

Hvordan kan det være at den hvide baggrund og den lodrette grafik ikke udvider sig nede efter, i forhold til mængden af tekst? Baggrund og grafik er af en eller anden grund styret af browservinduet højde - og hvis der er mere tekst end der kan vises af en gang lægger dette sig ud over.

Hvad er der mon galt?

CSS kan ses her:
http://test.mending.dk/selskabskompagniet/stylesheet/base.css

Tak på forhånd
Avatar billede jokkejensen Novice
10. januar 2006 - 00:19 #1
Hej.. det er fordi den ligger absolut positioneret.. mvh
Avatar billede roenving Novice
10. januar 2006 - 00:41 #2
-- næsten rigtigt, for det er fordi _indholdet_ i main-diven er positioneret absolut, at det slet ikke udvider diven i IE ...

-- i andre browsere ville det ikke ændre noget, da de fleste andre af den slags tager højde-angivelser alvorlige, men der findes jo også en css-property, der hedder min-height, så måske sådan:

  height:100%;
  min-height:100%;

-- samtidig med, at du undlader at basere alle dine grundlæggende layout-bokse på absolut positionering !-)

PS. Absolut utestet, for der er nogle underlige faldgruber, som på denne tid af natten og 14-40 browsere ...
Avatar billede theselfimages Nybegynder
10. januar 2006 - 02:44 #3
Fik løst problemet ved at lægge teksten ind i et Table svarende til dette:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>Table test</title>
        <style type="text/css">
            html, body {
                margin: 0;
                padding: 0;
                width: 100%;
                height: 100%;
                text-align: center;
            }
           
            body * {
                text-align: left;
            }

            table {
                margin : 0 auto 0 auto;
                width: 500px;
                height: 100%;
            }
           
            table td {
                background-color: Aqua;
                vertical-align: top;
            }
        </style>
    </head>
    <body>
        <table style>
            <tbody>
                <tr>
                    <td>
                        Linje 1<br />Linje 2<br />Linje 3<br />Linje 4<br />Linje 5<br />Linje 6<br />Linje 7<br />Linje 8<br />Linje 9<br />Linje 10<br />Linje 11<br />
                        Linje 12<br />Linje 13<br />Linje 14<br />Linje 15<br />Linje 16<br />Linje 17<br />Linje 18<br />Linje 19<br />Linje 20<br />Linje 21<br />Linje 1<br />
                        Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />
                        Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />
                        Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />
                        Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />Linje 1<br />
                    </td>
                </tr>
            </tbody>
        </table>
    </body>
Avatar billede theselfimages Nybegynder
10. januar 2006 - 02:45 #4
Nu har jeg bare et nyt problem:

i IE ligger dropdown menu bagved alting.
Det gør den ikke i FireFox eller Opera! Why? .. noget z-index?
http://test.mending.dk/selskabskompagniet
Avatar billede jokkejensen Novice
10. januar 2006 - 15:55 #5
Ja det er din newsbox der ligger oven på menuen...

Jeg har svært ved at se hvad du skal med alt den absolut positionering....

Det gør det kun sværer for dig selv.

Men giv din #dropdown et fornuftigt z-index..
Avatar billede theselfimages Nybegynder
10. januar 2006 - 16:09 #6
OK! .. Tak for det. Ja, jeg havde sat <z-index> for lavt.
Skal forsøge en anden tilgang til CSS og relativ positionering næste gang.
Vil du poste et svar?
Avatar billede jokkejensen Novice
10. januar 2006 - 16:50 #7
jo tak !..

Ja undgå at bruge absolut positionering hvor muligt, det er vist nok tvungent til sådan en menu, men derfor behøver alle andre elementer ikke at blive absolut positioneret... Det er ofte lige let at kyle noget på med absolut positionering, men det kan godt drille lidt når der skal mere og mere på.

Mvh
Avatar billede jokkejensen Novice
10. januar 2006 - 16:50 #8
how..
Avatar billede theselfimages Nybegynder
10. januar 2006 - 17:28 #9
Takker
Avatar billede jokkejensen Novice
10. januar 2006 - 21:48 #10
Selv tak. :)
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