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

Probleem met div (Opgelost)

bushongo - 01/04/2010 12:17
Nieuw lid		Ik heb een achtergrond in mijn div. helemaal rechts staan. Mijn div staat op 1024px breedte. nu wil ik graag dat mijn achtergrond plaatje mee schuift op het moment dat ik de pagina smaller maak dan 1024px. Weet iemand of dit kan met css? alvast bedankt,

6 antwoorden

Gesponsorde links

nick5556 - 01/04/2010 12:37
PHP beginner		geef het plaatje width: 100%; mee, dan wordt hij dunner als jij je pagina smaller maakt.

bushongo - 01/04/2010 12:51
Nieuw lid		nee dit werkt helaas niet. Mijn pagina word smaller en dan verdwijnt mijn plaatje gewoon uitbeeld.

Ontani - 01/04/2010 13:07
-1		background-position: top right;

bushongo - 01/04/2010 13:11 (laatste wijziging 01/04/2010 15:08)

Nieuw lid

nee nog niet het gaat om d it bestand.

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

                
@charset "UTF-8";
/* CSS Document */

#container {
	position: absolute;
	height: auto;
	width:100%;
	height: 99%;
	right: 0%;
	background-color: #FFF;
}

#containerA {
	position: relative;
	Width: 1024px;
	height: 768px;
	margin: 0px auto;
	background-color: #F93;
}

/* Header */

#header {
	position: fixed;
	width:100%;
	height: 159px;
	background-image:url(../../../../Jeroen/images/layout_raamstickers1_03.gif);
	background-repeat: repeat-x;
}

#headerA {
	position: fixed;
	width:1024px;
	height: 159px;
	background-image:url(images/layout_raamstickers1_03.gif);
	background-repeat: repeat-x;
}

#menu-rechts {
	position: absolute;
	width: 100%;
	height: 55px;
	top: 95px;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	background-image: url(images/menu_03.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

#rechts-tekst {
	position: absolute;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	left: 103px;
	top: 30px;
	width: 207px;
}

#links {
	position: absolute;
	background-image: url(../../../../Jeroen/images/menu_06.gif);
	background-repeat: repeat-x;
	height: 33px;
	top: 116px;
	width: 100%;
}


#content {
	position: absolute;
	width:630px;
	height: 600px;
	background-color: #FFF;
	left: 1px;
	top: 161px;
}





            
@charset "UTF-8";
/* CSS Document */
 
#container {
	position: absolute;
	height: auto;
	width:100%;
	height: 99%;
	right: 0%;
	background-color: #FFF;
}
 
#containerA {
	position: relative;
	Width: 1024px;
	height: 768px;
	margin: 0px auto;
	background-color: #F93;
}
 
/* Header */
 
#header {
	position: fixed;
	width:100%;
	height: 159px;
	background-image:url(../../../../Jeroen/images/layout_raamstickers1_03.gif);
	background-repeat: repeat-x;
}
 
#headerA {
	position: fixed;
	width:1024px;
	height: 159px;
	background-image:url(images/layout_raamstickers1_03.gif);
	background-repeat: repeat-x;
}
 
#menu-rechts {
	position: absolute;
	width: 100%;
	height: 55px;
	top: 95px;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	background-image: url(images/menu_03.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
 
#rechts-tekst {
	position: absolute;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	left: 103px;
	top: 30px;
	width: 207px;
}
 
#links {
	position: absolute;
	background-image: url(../../../../Jeroen/images/menu_06.gif);
	background-repeat: repeat-x;
	height: 33px;
	top: 116px;
	width: 100%;
}
 
 
#content {
	position: absolute;
	width:630px;
	height: 600px;
	background-color: #FFF;
	left: 1px;
	top: 161px;
}
 

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Raamstickers VGV</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">
    <div id="header">
   
 	  <div id="containerA">
      <div id="links"> </div>
 	    <div id="headerA">
        <div id="menu-links"></div>        
        <div id="links-tekst"></div>
        <div id="menu-rechts"></div>
        <div id=""></div>
 	    </div>
      </div>
 	 
      
    </div>
</div>
    
    
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Raamstickers VGV</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
<div id="container">
    <div id="header">
 
 	  <div id="containerA">
      <div id="links"> </div>
 	    <div id="headerA">
        <div id="menu-links"></div>        
        <div id="links-tekst"></div>
        <div id="menu-rechts"></div>
        <div id=""></div>
 	    </div>
      </div>
 
 
    </div>
</div>
 
 
</body>
</html>

TotempaaltJ - 01/04/2010 14:01 (laatste wijziging 01/04/2010 17:06)
PHP interesse		Plaatscode.be voor codes met meer dan 70 regels! HTML heeft zijn eigen highlight: HTML 4 Strict. (Waar blijft 5?) Koen schreef: Laat het modereren maar aan de crew over...

bushongo - 02/04/2010 09:55
Nieuw lid		het is me gelukt ! bedankt voor de moeite allemaal!

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten