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 doorlaten loopen

AN_ALIEN - 24/06/2005 14:29
Grafische beginner		Hey, ik heb een vraag, is het mogelijk om een div helemaal door te laten lopen tot de onderkant van je IE of FF. met welk css commando word dat dan gedaan?

6 antwoorden

Gesponsorde links

Legolas - 24/06/2005 14:35 (laatste wijziging 24/06/2005 14:39)
Onbekend		<body style='height:100%'> <div style='height:100%'>

Fenrir - 24/06/2005 14:36 (laatste wijziging 24/06/2005 14:37)
PHP expert		Dat gaat niet werken, je moet de body ook 100% geven: css: body { height: 100%; } of met absolute: <div style="position: absolute; left: 0; right: 0; bottom: 0; top: 0;">div</div>

vinTage - 24/06/2005 14:37 (laatste wijziging 24/06/2005 14:40)
Nieuw lid		klik klik :)

AN_ALIEN - 24/06/2005 15:20

Grafische beginner

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

                <div align="center">
<div id="page">
 <div id="tabs">&nbsp;</div>
 <div id="header">&nbsp;</div>

 <div id="navigation_left">
  <div id="menu">Menu</div>
  <li></li>
 </div>
 <div id="navigation_right">&nbsp;<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>


 <div id="mid_bg">&nbsp;</div>
</div>
</div>
            
<div align="center">
<div id="page">
 <div id="tabs">&nbsp;</div>
 <div id="header">&nbsp;</div>
 
 <div id="navigation_left">
  <div id="menu">Menu</div>
  <li></li>
 </div>
 <div id="navigation_right">&nbsp;<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
 
 
 <div id="mid_bg">&nbsp;</div>
</div>
</div>
 

dit staat in de html

en dit in de css:

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

body
{
background-color: #666666;
margin: 0px 0px 0px 0px;
height: 100%;
}

#page
{
position: relative;
width: 779px;
}

#tabs
{
position: absolute;
top: 0px;
left: 0px;
height: 521px;
width: 15px;
background-image: url(../lay_out/tabs.gif);
background-repeat: no-repeat;
}

#header
{
position: absolute;
top: 0px;
left: 15px;
height: 118px;
width: 764px;
background-image: url(../lay_out/header.jpg);
background-repeat: no-repeat;
}

#navigation_left
{
position: absolute;
top: 118px;
left: 15px;
width: 100px;
background-image:url(../lay_out/nav_bg.gif);
background-repeat: repeat-y;
}

#navigation_right
{
position: absolute;
top: 118px;
left: 679px;
width: 100px;
background-image:url(../lay_out/nav_bg.gif);
background-repeat: repeat-y;
}

#menu
{
width: 100px;
height: 14px;
background-image:url(../lay_out/menu.jpg);
background-repeat: no-repeat;
text-align: center;
color: #000000;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#mid_bg
{
position: absolute;
top: 118px;
left: 115px;
right: 115px;
bottom: 0px;
width: 563px;
height: 100%;
background-image: url(../lay_out/mid_bg.gif);
background-repeat: repeat-y;
}

body
{
background-color: #666666;
margin: 0px 0px 0px 0px;
height: 100%;
}
 
#page
{
position: relative;
width: 779px;
}
 
#tabs
{
position: absolute;
top: 0px;
left: 0px;
height: 521px;
width: 15px;
background-image: url(../lay_out/tabs.gif);
background-repeat: no-repeat;
}
 
#header
{
position: absolute;
top: 0px;
left: 15px;
height: 118px;
width: 764px;
background-image: url(../lay_out/header.jpg);
background-repeat: no-repeat;
}
 
#navigation_left
{
position: absolute;
top: 118px;
left: 15px;
width: 100px;
background-image:url(../lay_out/nav_bg.gif);
background-repeat: repeat-y;
}
 
#navigation_right
{
position: absolute;
top: 118px;
left: 679px;
width: 100px;
background-image:url(../lay_out/nav_bg.gif);
background-repeat: repeat-y;
}
 
#menu
{
width: 100px;
height: 14px;
background-image:url(../lay_out/menu.jpg);
background-repeat: no-repeat;
text-align: center;
color: #000000;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
 
#mid_bg
{
position: absolute;
top: 118px;
left: 115px;
right: 115px;
bottom: 0px;
width: 563px;
height: 100%;
background-image: url(../lay_out/mid_bg.gif);
background-repeat: repeat-y;
}

volgens mij heb ik gedaan wat moest, ik wil zegmaar de div mid_bg doorlaten lopen tot de bodem.

Ontani - 24/06/2005 16:54
-1		ook html { height: 100% }

AN_ALIEN - 24/06/2005 17:18 (laatste wijziging 24/06/2005 17:21)
Grafische beginner		nee, ik zie het al, had zegmaar de container geen 100% gegeven dus, de rest wou wel maar werd door die ene gewijgerd. Hierbij mijn dank voor jullie, om toch even de moeite te nemen;-)

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten