probleem met div in de breedte

  • Onderwerp starter Onderwerp starter cc30
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.

cc30

Gebruiker
Lid geworden
27 mei 2009
Berichten
36
ik heb een mayor problem met een div, deze gaat niet verder de breedte in waardoor tekst doorloopt naar onder. En ik snap er niets van! Deze div in de footer bestaat ook weer uit divjes met daarin links. Ik heb van alles geprobeerd maar de div gaat niet verder de breedte in, terwijl de footer 950 pixels is. Zodra ik mijn divjes erin plaats verschuift het naar onder in plaats van de breedte.

Graag hulp en ik ben je eeuwig dankbaar...

De complete code en/of link van de site kan ik eventueel in een pb sturen.

HTML:

HTML:
<div id="footer">
    <div id="content-foot">
         
[B]         <div id="foothold1">
             <div class="lo"></div>
             <div class="l1"></div>
             <div class="pc"></div>
             <div class="foon"></div>
         </div>[/B]


[B]         <div id="foothold2">
            <div class="klk"></div>
            <div class="bhy"></div>
            <div class="dis"></div>
            <div class="design"></div>
       </div>[/B]

     </div>
</div>


CSS:
Code:
#foothold1 {
	height: 20px;
	position: relative;
	width: 550px;
	left: 200px;
	top: 30px;
	display: block;
}
#foodhold1 a {
	color: #8f2f2f;
	text-decoration: none;	
}
#foodhold1 a:hover {
	color: #fff;
	text-decoration: none;
	background: url(../images/link1.jpg) repeat-x;
}
.copy {
	float: left;
	height: 15px;
	margin: 0 20px 0 0;
}
.adres {
	float: left;
	height: 15px;
	margin: 0 20px 0 0;
}
.pc {
	float: left;
	height: 15px;
	margin: 0 20px 0 0;
}
.foon {
	float: left;
	height: 15px;
	margin: 0;
}
.mailo {
	float: left;
	height: 15px;
	margin: 0;
}


#foothold2 {
	width: 450px;
	height: 20px;
	top: 40px;
	position: relative;
	left: 250px;
}
.kvk {
	float: left;
	height: 15px;
	margin: 0 10px 0 0;
}
.btw {
	float: left;
	height: 15px;
	margin: 0 10px 0 0;
}
.dis {
	float: left;
	height: 15px;
	margin: 0 10px 0 0;
}
.design {
	float: left;
	height: 15px;
	margin: 0 10px 0 0;
}
 
De breedte van foothold1 staat op 550px, en van foothold2 op 450px. Deze worden onder elkaar gezet. Je kan deze ook naast elkaar zetten met float: left;
 
Laatst bewerkt:
dat probeer ik juist uit te leggen, hoe groot ik de div ook maak, 950 pixels of op auto, de divjes in deze div loopt door tot de helft en gaat niet verder, zowel foohold1 als foothold 2....
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan