Check alle échte Black Friday-deals Ook zo moe van nepaanbiedingen? Wij laten alleen échte deals zien

[CSS] Auto height

Pagina: 1
Acties:

  • Zygivt
  • Registratie: Maart 2006
  • Laatst online: 14:58

Zygivt

Evenaren en overtreffen

Topicstarter
beste Gotters,

ik loop tegen een klein probleemje aan.
mijn html:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div id="lijnlinks">&nbsp;</div>
<div id="content">&nbsp;
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
<div id="lijnrechts">&nbsp;</div>


mijn css:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
#lijnlinks {
    float:left;
    width:5px;
    background-image:url(images/lijnlinks.gif);
}
#content {
    float:left;
    width:633px;
    height:100%;
    background-color:#FFFFFF;
}
#lijnrechts {
    float:left;
    width:6px;
    background-image:url(images/lijnrechts.gif);
}


Op de 1 of andere manier willen de bg's in div links en rechts maar niet zo lang worden als in de content. In tabellen gebeurt dit vrijwel automatisch, maar in divs krijg ik het maar niet voor elkaar. Wat doe ik fout, want ik heb echt vanalles al geprobeerd.

bvd zygivt

  • 1st_Ro
  • Registratie: December 2002
  • Laatst online: 07-01-2022
Dat gaat je ook niet lukken, aangezien het 3 compleet losse elementen zijn.

Lees dit verhaal maar eventjes.

Waar het op neerkomt: je middelste div een achtergrond geven met de lijntjes erin en dan de padding van die div ophogen met de breedte van die lijnen.

Buiten dat: dit is al zoveel gevraagd op GoT dat je best wel wat beter had kunnen zoeken.

* 1st_Ro is soms te lief hier

  • Herzeleid
  • Registratie: December 2002
  • Laatst online: 19-11 14:51
zet dit in de divjes links en rechts

background-repeat:repeat-y;

edit: weet niet of je er iets aan hebt, snap je vraag niet helemaal ;)

[ Voor 39% gewijzigd door Herzeleid op 14-02-2008 12:10 ]


  • Zygivt
  • Registratie: Maart 2006
  • Laatst online: 14:58

Zygivt

Evenaren en overtreffen

Topicstarter
Herzeleid schreef op donderdag 14 februari 2008 @ 12:08:
zet dit in de divjes links en rechts

background-repeat:repeat-y;

edit: weet niet of je er iets aan hebt, snap je vraag niet helemaal ;)
ja ook al geprobeerd werkt dus niet helaas.

  • Zygivt
  • Registratie: Maart 2006
  • Laatst online: 14:58

Zygivt

Evenaren en overtreffen

Topicstarter
1st_Ro schreef op donderdag 14 februari 2008 @ 12:08:
Dat gaat je ook niet lukken, aangezien het 3 compleet losse elementen zijn.

Lees dit verhaal maar eventjes.

Waar het op neerkomt: je middelste div een achtergrond geven met de lijntjes erin en dan de padding van die div ophogen met de breedte van die lijnen.

Buiten dat: dit is al zoveel gevraagd op GoT dat je best wel wat beter had kunnen zoeken.

* 1st_Ro is soms te lief hier
ik ga eens je verhaaltje lezen. btw met de search van google als die van got kwam ik niet verder vandaar het topic;)

problem solved bedankt voor je hulp. Het is de techniek van de frames om het op te lossen indd.

[ Voor 6% gewijzigd door Zygivt op 14-02-2008 12:36 ]