Avatar billede sigurd_h Praktikant
07. august 2006 - 20:47 Der er 4 kommentarer og
1 løsning

Problem med CSS

Hej

Jeg har et problem,
se sitet her:
http://www.online-invest.dk/test/eksperten.htm

Problemet:
Boksen til højre skal tilpasse sig i højden efter hvad der bliver skrevet i boksen til venstre, således at det grå i den højre boks går med hele vejen ned.

Relevant Html:
<div class="container">
<div class="left">
Si meliora dies, ut vina, poemata reddit, scire velim, chartis pretium quotus arroget annus. scriptor abhinc annos centum qui decidit, inter perfectos veteresque referri debet an inter vilis atque novos? Excludat iurgia finis, "Est vetus atque probus, centum qui perficit annos." Quid, qui deperiit minor uno mense vel anno, inter quos referendus erit? Veteresne poetas, an quos et praesens et postera respuat aetas? Iste quidem veteres inter ponetur honeste, qui vel mense brevi vel toto est iunior anno. Utor permisso, caudaeque pilos ut equinae paulatim vello unum, demo etiam unum, dum cadat elusus ratione ruentis acervi, qui redit in fastos et virtutem aestimat annis miraturque nihil nisi quod Libitina sacravit. Ennius et sapines et fortis et alter Homerus, ut critici dicunt, leviter curare videtur, quo promissa cadant et somnia Pythagorea. Naevius in manibus non est et mentibus haeret paene recens? Adeo sanctum est vetus omne poema. ambigitur quotiens, uter utro sit prior, aufert Pacuvius docti famam senis Accius alti, dicitur Afrani toga convenisse Menandro, Plautus ad exemplar Siculi properare Epicharmi, vincere Caecilius gravitate, Terentius arte. Hos ediscit et hos arto stipata theatro spectat Roma potens; habet hos numeratque poetas ad nostrum tempus Livi scriptoris ab aevo. Interdum volgus rectum videt, est ubi peccat. Si veteres ita miratur laudatque poetas, ut nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si peraque dure dicere credit eos, ignave multa fatetur, et sasapit et mecum facit et Iova iudicat aequo. Non equidem insector delendave carmina Livi esse reor, memini quae plagosum mihi parvo Orbilium dictare; sed emendata videri pulchraque et exactis minimum distantia miror. Inter quae verbum emicuit si forte decorum, et si versus paulo concinnior unus et alter, iniuste totum ducit venditque poema.<br><br><br><br><br><br><br><br><br><br>
</div>
<div class="content">
Utor permisso, caudaeque pilos ut equinae paulatim vello unum, demo etiam unum, dum cadat elusus ratione ruentis acervi, qui redit in fastos et virtutem aestimat annis miraturque nihil nisi quod Libitina sacravit. Ennius et sapines et fortis et alter Homerus, ut critici dicunt, leviter curare videtur, quo promissa cadant et somnia Pythagorea. Naevius in manibus non est et.</div>
<div class="footer">c</div>
</div>

Relevant CSS:
div.container
{
    width: 700px;

    margin:0px;
}
.footer
{
    padding:0em;
    clear:left;
    color: #C0C0C0;
    font-family: verdana;
    font-size: 9px;
}
.left
{
    float:left;
    width:545px;
    margin:0;
    padding:0em;
    text-align: left;
    font-family: verdana;
    font-size: 9px;
}
.content
{
    margin-left:550px;
    padding:0em;
    text-align: left;
    font-family: verdana;
    font-size: 8px;
    background-color: #F0F0F0;
}

Håber at der er en der kan hjælpe mig!

Sigurd
Avatar billede sigurd_h Praktikant
07. august 2006 - 21:21 #1
Ingen der kan hjælpe?
Avatar billede sigurd_h Praktikant
08. august 2006 - 11:18 #2
Stadig ingen der kan hjælpe?
Avatar billede olebole Juniormester
08. august 2006 - 12:53 #3
<ole>

Det eneste HTML-element, der implementerer søjler i ens højde, er tabel-elementet - og det er iøvrigt et fortræffeligt element til mange ting  ;o)

/mvh
</bole>
Avatar billede mclemens Nybegynder
09. august 2006 - 00:43 #4
Brug det Olebole siger, ellers det "nødvendigvis" skal være div elementer (table's er netop beregnet til det ligesom Olebole siger) så er der vist kun to muligheder med div's (så vidt jeg ved)...

1. Et javascript til at overføre højden fra
det ene element til det andet onload ...
Nej, ikke særlig kønt eller smart...

2. Hvis venstre kollonne altid er højere end højre kolonne
kan du lave en kunstig baggrund... eks. på css rettelser:




.left
{
    float:left;
    width:545px;
    margin:0;
    padding:0em;
    text-align: left;
    font-family: verdana;
    font-size: 9px;
        background:#fff;
}


div.container
{
    width: 700px;
    margin:0px;
        background:#F0F0F0;
}



.content
{
    margin-left:550px;
    padding:0em;
    text-align: left;
    font-family: verdana;
    font-size: 8px;
}





.footer
{
    padding:0em;
    clear:left;
    color: #C0C0C0;
    font-family: verdana;
    font-size: 9px;
        background:#fff;
}
Avatar billede sigurd_h Praktikant
24. marts 2008 - 23:43 #5
Lukker, løsningen blev fundet andetsteds.
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