WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Page not adjusting to length of Content (3 posts)

  1. lasca
    Member
    Posted 1 year ago #

    I an using Twentytwelve child theme with some css and edit to footer.php adding just a banner in footer.

    My problem is that on one page only my page does not adjust to my content. My content is spilling over the egde of the page.
    Here is link to page.

    I am usings div's and have double checked my closing div and everything seems ok, but no promises.

    here is the code that used.

    <div>[html5mp3full:11761]</div>
    <div id="cdbox" style="width: 960px; position: absolute;">
    <div id="cd1" style="width: 900px; position: relative;">
    
    "'<strong>n Nuwe Dag</strong>
    <div id="cdimg1" style="width: 200px; float: left; position: relative; margin-left: 10px;">
    
    [caption id="attachment_78" align="aligncenter" width="150"]<a href="http://cecily.bluprinthosting.com/wp-content/uploads/2013/02/Doen-die-ding-cover.png"><img class="size-thumbnail wp-image-78" alt="Cd omslag tweede cd Doen die ding" src="http://cecily.bluprinthosting.com/wp-content/uploads/2013/02/Doen-die-ding-cover-150x150.png" width="150" height="150" /></a> Tweede Cd doen die ding[/caption]
    
    </div>
    <div id="cddesc1" style="width: 670px; float: left; position: relative;">
    <ol>
    	<li>'n Nuwe dag - Cecily</li>
    	<li>Jy is die een - Eurovision lied</li>
    	<li>Doen die ding - Cecily</li>
    	<li>Knee lam - Eden</li>
    	<li>Die eerste keer - Cecily</li>
    	<li>Mengelmoeskardoes - Juanita</li>
    	<li>Boem Boem - Cecily</li>
    	<li>AljanderĀ  - Cecily</li>
    	<li>'n Aand saam met jou - Cecily</li>
    	<li>Selfoon blues - Cecily</li>
    	<li>Advertensie - Cecily</li>
    	<li>Wie's bang - Duet saam met Joubert(Fredi Nest)</li>
    	<li>Struisbaai - Cecily</li>
    </ol>
    </div>
    </div>
    <div id="cd2" style="width: 900px; margin-left: 10px;position: relative;">
    
    Kusdorp Meisie
    <div id="cdimg2" style="width: 200px; float: left; position: relative;">
    
    [caption id="attachment_80" align="aligncenter" width="150"]<a href="http://cecily.bluprinthosting.com/wp-content/uploads/2013/02/Eerste-Cd-cover.png"><img class="size-thumbnail wp-image-80" alt="Kusdorp Meisie" src="http://cecily.bluprinthosting.com/wp-content/uploads/2013/02/Eerste-Cd-cover-150x150.png" width="150" height="150" /></a> Kusdorp Meisie eerste Cd[/caption]
    
    </div>
    <div id="cddesc2" style="width: 670px; float: left; position: relative;">
    <ol>
    	<li>Adijy Adijou - Juanita du Plessis</li>
    	<li>Nou wat nou - Juanita du Plessis</li>
    	<li>Struisbaai - Cecily</li>
    	<li>Hey - Juanita du Plessis</li>
    	<li>Mamma - Juanita du Plessis</li>
    	<li>Tingeling - Juanita du Plessis</li>
    	<li>Dis waar ek wil wees - Juanita du Plessis</li>
    	<li>In my hart - Juanita du Plessis</li>
    	<li>Veilig - Weet nie</li>
    	<li>Altyd daar - Juanita du Plessis</li>
    </ol>
    </div>
    </div>
    </div>

    I hope i did this right. First time I am including code

  2. alchymyth
    Forum Moderator
    Posted 1 year ago #

    caused by position: absolute; in this line:

    <div id="cdbox" style="width: 960px; position: absolute;">

    reconsider why this is there and if it needs to be there.

    or simply try and remove it.

  3. lasca
    Member
    Posted 1 year ago #

    Alchemyth your a star!

    Back to training for me!

Topic Closed

This topic has been closed to new replies.

About this Topic