login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Div in Div Achtergrond Probleem (Opgelost)

Offline TT2 - 22/09/2008 12:17
Avatar van TT2Nieuw lid Een vrij moeilijk vraagje: Ik heb een Div in een Div. Het is de bedoeling dat de content div gewoon dient voor positionering en achtergrond. De positionering lukt zonder probleem, maar ik krijg geen achtergrond. Het is de bedoeling dat via een php include bepaalde files in de content steekt en dan afhankelijk van de lengte van deze file verlengt de achtergrond van mijn content. Echter wordt er geen achtergrond getoond.

css:

[CODE]#content {
background-color: #FFFFFF;
position: absolute;
width:750px;
height:100%;
top: 180px;
left: 30px;
padding:0px;
}

#aboutme_titel {
position: absolute;
width: 300px;
color: #8f0500;
font-weight:bold;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
top: 50px;
left: 50px;
}

#aboutme_text {
position: absolute;
width:500px;
color: #000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
top: 90px;
left: 70px;
}[/CODE]


pagina:

[CODE]<div id="content">
<div id ="aboutme_titel">About Me</div>

<div id ="aboutme_text">
<strong>Name:</strong> David<br />
</div>
</div>[/CODE]

 

2 antwoorden

Gesponsorde links
Offline BramBo - 22/09/2008 12:33
Avatar van BramBo JS gevorderde Shoot me if i'm wrong; Maar ik geloof dat position absolute ervoor zorgt dat de div niet werkelijk bevat worden door de container. Je zult de css zonder absolute moeten oplossen, vaak is het trouwens ook zo dat het geen goed idee is om absolute te gebruiken (behalve in het geval van js-overlays o.i.d.).
De opmaak zoals ik hem zie moet goed op te maken zijn zonder absolute.
Offline TT2 - 22/09/2008 14:05 (laatste wijziging 22/09/2008 14:18)
Avatar van TT2 Nieuw lid
css code - Bekijk de code zonder highlighting - Klap code in 
  1. <style type="text/css">
  2. <!--
  3.  
  4. #content {
  5. 	width:750px;
  6. 	padding:0px;
  7. 	margin: 0px;
  8. 	background-color:#333333;
  9. 	border: 1px solid #000000;
  10. }
  11.  
  12. #aboutme2_titel {
  13. 	width: 650px;
  14. 	height: 90px;
  15. 	color: #8f0500;
  16. 	font-weight:bold;
  17. 	font-size:14px;
  18. 	font-family:Verdana, Arial, Helvetica, sans-serif;
  19. 	padding-top:50px;
  20. 	padding-left:50px;
  21. 	vertical-align:top;
  22. 	float:left;
  23. 	margin: 0px;
  24. }
  25.  
  26. #aboutme2_text {
  27. 	width: 650px;
  28. 	color: #FFFFFF;
  29. 	font-family:Verdana, Arial, Helvetica, sans-serif;
  30. 	font-size:12px;
  31. 	padding-left:70px;
  32. 	float:left;
  33. 	margin: 0px;
  34. }
  35.  
  36. a.aboutme, a.aboutme:link, a.aboutme:visited, a.aboutme:active, a.aboutme:hover {
  37. 	color: #FFFFFF;
  38. 	font-family:Verdana, Arial, Helvetica, sans-serif;
  39. 	font-size:12px;
  40. 	border: 0px;
  41. 	text-decoration: none;
  42. }
  43. </style>
  44.  
  45. </head>
  46.  
  47. <body>
  48.  
  49. <div id="content">
  50. 	<div id="aboutme2_titel">About Me</div>
  51.  
  52. 	<div id="aboutme2_text">
  53.         <strong>Name:</strong> David Henderickx<br />
  54.         <strong>Adress:</strong> Belgium - Boom // France - Vincy Sur Seine<br />
  55.         <strong>Birthday:</strong> 12 November 1986<br />
  56.         <strong>Occupation:</strong> Test Engineer<br />
  57.         <br />
  58.         <strong>Interests:</strong> Photography, Cars, Software/Website Programming<br />
  59.         <br />
  60.         <strong>Sports:</strong> Mountainbiking, Running, Swimming<br />
  61.         <br />
  62.         <strong>Contact Me:</strong><a href="mailto:e" class="aboutme">Click Here</a><br />
  63.     </div>
  64.  </div>


ik heb het aangepast in floats en voor de test "content" als een dotted omkadering te zorgen. Echter geeft hij mij een lijn, wat dus wil zeggen dat ik een content van 1px hoog heb.  
Ik snap echt niet wat ik mis doe

edit: had vergeten clear: both
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.208s