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

div hoogte inperken (Opgelost)

kickasgamer - 26/07/2008 00:36
PHP ver gevorderde		ik heb een div waarin alle content van de site worden geladen, maar als ik een pagina heb die langer is dan de hoogte van de div loopt die ineens door de copyright enz. Nu is mijn vraag hoe kan ik die div van een scroll bar voorzien als de content die in de div komt te lang is, maar als die niet te lang is wil ik geen scroll bar hbben alvast bedankt

14 antwoorden

Gesponsorde links

Koen - 26/07/2008 00:38
PHP expert		css code - Bekijk de code zonder highlighting - Klap code in overflow: auto; overflow: auto; ?

kickasgamer - 26/07/2008 00:41
PHP ver gevorderde		ja dat werkt al voor de helft (hoe simpel het toch kanz ijn ) maar ik zie nog geen scroll bar

Koen - 26/07/2008 00:42
PHP expert		geen scrollbar? heb je een hoogte opgegeven?

kickasgamer - 26/07/2008 00:42
PHP ver gevorderde		dit si de css van die content div: css code - Bekijk de code zonder highlighting - Klap code in div.content{ width: 80%; height: 700px; float: left; overflow: auto; } div.content{ width: 80%; height: 700px; float: left; overflow: auto; }

Koen - 26/07/2008 00:46 (laatste wijziging 26/07/2008 00:50)
PHP expert		en overflow: scroll; ? normaal moet overflow: auto; werken, probeer maar met een lege pagina om dat te simuleren..

kickasgamer - 26/07/2008 00:48 (laatste wijziging 26/07/2008 00:52)
PHP ver gevorderde		tja dat werkt wel, maar nu staan er ook van die "niet te gebruiken" scroll bars als de content niet te lang is en deze zou ik liefst niet hebben. EDIT: ik heb een lege pagina geinclude maar ik zie geen scroll bars, en geen auto scroll. of wat moest het resultaat zijn van deze test ?:p:D

Koen - 26/07/2008 00:52
PHP expert		heb je een voorbeeld online staan?

kickasgamer - 26/07/2008 00:53 (laatste wijziging 26/07/2008 00:56)
PHP ver gevorderde		uhm, ja voorbeeld. tis een ledensysteem. maar ik zal anders effe paar screens maken. van wat wil je screen? met en zonder die overflow: auto en met die overflow: scroll ? of ... ?

Koen - 26/07/2008 00:58
PHP expert		nee eerder broncode http://sima.koenvdw.com/test.html bedoelde ik als test/lege pagina

kickasgamer - 26/07/2008 01:09 (laatste wijziging 26/07/2008 01:09)

PHP ver gevorderde

ja ik zal effe de brondcode van mijn index.php en dan de css van die div online zetten

Plaatscode: 12926

de css van de index

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

                div.container{
width: 100%;
height: 90%;
}
div.header{
width: 100%;
height: 100px;
background-color: #BDD76B;
}
div.menu{
width: 20%;
height: 700px;
float: left;
background-color: #F7F2F7;
}
div.content{
width: 80%;
height: 700px;
float: left;
overflow: hidden;
/*overflow: auto;*/
}
div.footer{
width: 100%;
height: 10px;
float: left;
}
            
div.container{
width: 100%;
height: 90%;
}
div.header{
width: 100%;
height: 100px;
background-color: #BDD76B;
}
div.menu{
width: 20%;
height: 700px;
float: left;
background-color: #F7F2F7;
}
div.content{
width: 80%;
height: 700px;
float: left;
overflow: hidden;
/*overflow: auto;*/
}
div.footer{
width: 100%;
height: 10px;
float: left;
}
 

Koen - 26/07/2008 01:11
PHP expert		vervang die overflow: hidden gewoon eens door auto?

kickasgamer - 26/07/2008 01:27 (laatste wijziging 26/07/2008 12:34)
PHP ver gevorderde		die auto he ik al getest he daar was geen scrollbar, mar ik kon wel alles zien, scroll leverde een scroll bar op, maar ook een scroll bar op pagina's die niet te lang waren. die hiddenw as dan nog eens een testjes van mij EDIT: vandaag weer het een ander getest, maar ik krijg geen scroll bar bij auto , hoe los ik dat op ?

deathman - 27/07/2008 11:29 (laatste wijziging 27/07/2008 11:29)

HTML interesse

Ik heb ook even geëxperimenteerd maar ik ondervindt geen problemen...

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

<body>
<div class="menu">Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content</div>
<div class="menu" style="margin-top:20px;">Content content <br />Content content <br />Content content</div>
</body>

<body>
<div class="menu">Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content <br />Content content</div>
<div class="menu" style="margin-top:20px;">Content content <br />Content content <br />Content content</div>
</body>

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

                .menu{
	height: 200px;
	width: 200px;
	overflow:auto;	
}
            
.menu{
	height: 200px;
	width: 200px;
	overflow:auto;	
}
 

kickasgamer - 27/07/2008 12:34
PHP ver gevorderde		ja ik had gisteren ook nog wat zitten experimenteren en ineens was er een scrollbar bij auto en geen bij de pagina's die niet te lang waren, dus ja werkt het blijkbaar maar toch bedankt allemaal voor de moeite

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten