Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > HTML & CSS

uitrekken (Opgelost)

Behemutant - 23/04/2008 19:07
Nieuw lid		hallo! als je een basing hebt, (dus alles in divs) hoe kan ik dan ervoor zorgen dat het uitrekbaar is? dus na maten er meer content in komt dat het in de hoogte uitrekt? de container GEEN overflow:hidden meegeven natuurlijk maar verder? want nu is het zo, er rekt er één uit... maar die duwd de footer niet mee naar ondere... hij gaat er overheen ; ;

5 antwoorden

Gesponsorde links

timmie_loots - 23/04/2008 19:09
PHP gevorderde		Sorry, maar ik heb mijn glazen bol net te repareren gebracht, kun je zelf even zorgen dat we wat code (en het liefst een live voorbeeld) krijgen?

yetti4 - 23/04/2008 19:14
JS interesse		height=100% of height=auto;

Behemutant - 23/04/2008 19:17 (laatste wijziging 23/04/2008 21:22)

Nieuw lid

kom er helaas niet uit ; ; mijn css code als voorbeeld:

css code - Bekijk de code zonder highlighting - Klap code in

                #container {
	background-color:#000000;
	width:300px;
	height:250px;
	margin:0px auto;
}

#header {
	background-color:#FF0000;
	width:300px;
	height:50px;
}

#left {
	background-color:#FFFF00;
	width:150px;
	height:2000px;
	float:left;
}

#right {
	background-color:#99FFFF;
	width:150px;
	height:2000px;
	float:left;
}
            
#container {
	background-color:#000000;
	width:300px;
	height:250px;
	margin:0px auto;
}
 
#header {
	background-color:#FF0000;
	width:300px;
	height:50px;
}
 
#left {
	background-color:#FFFF00;
	width:150px;
	height:2000px;
	float:left;
}
 
#right {
	background-color:#99FFFF;
	width:150px;
	height:2000px;
	float:left;
}
 

bedoeling: LINKS en de RECHTSE rekken tegelijk uit na maten er meer content in komt...
iemand die svp deze code kan aanpassen zodat ik zie hoe het juist gedaan moet worden?
nu worden ze afzonderlijk langer, maar ze moeten echt tegelijk langer worden zeg maar.

Simax - 23/04/2008 22:35

Onbekend

Probeer dit eens..

css code - Bekijk de code zonder highlighting - Klap code in

                <div class="container">
  <div class="header"></div>
  <div class="content">
    <div class="content_left"></div>
    <div class="content_right"></div>
  </div>
</div>

            
<div class="container">
  <div class="header"></div>
  <div class="content">
    <div class="content_left"></div>
    <div class="content_right"></div>
  </div>
</div>
 

css code - Bekijk de code zonder highlighting - Klap code in

                .container
{
  background: #000000;
  height: auto !important;
  margin: 0 auto;
  position: relative;
  text-align: left;
  width: 300px;
}

.header
{
  background: #ff0000;
  height: 50px;
  width: 300px;
}

.content_left
{
  background: #ffff00;
  float: left;
  width: 150px;
}

.content_right
{
  background: #99ffff;
  float: left;
  width: 150px;
}

            
.container
{
  background: #000000;
  height: auto !important;
  margin: 0 auto;
  position: relative;
  text-align: left;
  width: 300px;
}
 
.header
{
  background: #ff0000;
  height: 50px;
  width: 300px;
}
 
.content_left
{
  background: #ffff00;
  float: left;
  width: 150px;
}
 
.content_right
{
  background: #99ffff;
  float: left;
  width: 150px;
}
 

vinTage - 23/04/2008 22:41 (laatste wijziging 23/04/2008 22:43)
Nieuw lid		@behemutant: geen height meegeven aan de container en dit ff doorlezen, simpeler kan niet edit: en je kan voor container dan wel min-height:100%; gebruiken, voor ie6 kan je een hack erin frotten _height:100%;

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten