Beste ik heb een probleem als de tekst bij fotohome groter is de min-height van #contentproduct
Dan zou de contentproduct groter moeten worden maar dit doet die niet.
hopelijk kunnen jullie me helpen
PHP Code:<style type="text/css">
#contentproduct {width:1000px; min-height:428px; background-color: #2D2D2D; }
#tekst {width:415px;display:inline;float:left; padding-left:10px; padding-right:10px; height:220px;}
#fotohome {width:300px;display:inline;float:left;margin-right:10px; padding-top:20px; height:220px;}
#fotosoverzicht {width:250px;display:inline;float:left;text-align:right; height:220; display:inline;padding-top:20px;}
</style>
</head>
<body>
<div id="contentproduct">
<div id="tekst">hier de tekst</div>
<div id="fotohome">
<p>hier</p>
<p>qs</p>
<p>d</p>
<p>qsd</p>
<p>q</p>
<p>sd</p>
<p>qs</p>
<p>d</p>
<p>qs</p>
<p>dq</p>
<p>sd</p>
<p>qs</p>
<p>dqdqs</p>
<p> </p>
</div>
<div id="fotosoverzicht">dqsdqsd</div>
</div>
</body>
</html>
-
20-01-2013, 15:00 #1
Particulier
- Berichten
- 320
- Lid sinds
- 15 Jaar
problemen met css div
-
-
20-01-2013, 17:08 #2
Bob de webbouwer
- Berichten
- 1.454
- Lid sinds
- 14 Jaar
Re: problemen met css div
Je hebt #tekst (en de andere divs ook) een vaste hoogte van 220 px gegeven (height: 220px;). Maak daar ook eens min-height van en kijk of dat werkt.
-
21-01-2013, 08:49 #3
Particulier
- Berichten
- 175
- Lid sinds
- 14 Jaar
Re: problemen met css div
zet onder de
eens eenCode:<div id="fotosoverzicht">dqsdqsd</div>
Code:<div style="clear:both"></div>
-
28-01-2013, 13:25 #4
Particulier
- Berichten
- 92
- Lid sinds
- 16 Jaar
Re: problemen met css div
probeer het volgende css-code eens:
Code:<style type="text/css"> #contentproduct {width:1000px; min-height:428px; background-color: #2D2D2D; } #tekst {width:415px;display:inline;float:left; padding-left:10px; padding-right:10px; height:100%;} #fotohome {width:300px;display:inline;float:left;margin-right:10px; padding-top:20px; height:100%;} #fotosoverzicht {width:250px;display:inline;float:left;text-align:right; height:100%; display:inline;padding-top:20px;} </style>
