Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Junior Member
    Join Date
    Sep 2006
    Posts
    1
    Member #
    14031
    I've recently redesigned my personal site to eliminate as much table usage as possible: I wanted a fully-CSS driven float-based layout. So far, it's been going pretty good.
    However, I ran into an issue today that I need help with. My site is a blog and the entries are read in from XML files. I basically built my own "Web Press" for myself. The entries are print out by a PHP script that gets executed X times for X entries.
    Here's my site so that you can see the problem, and the code for the trouble area, which is evident:
    http://frankcaron.com/Flog/index.php
    <div>
    <? include 'code/XMLParseEntry.php';?>
    </div>
    <!-- Nav -->
    <div id="Flog-ControlBox" class="floatfix">
    <? include 'includes/menu.inc';?>
    </div>
    <!-- Select -->
    <div id="Flog-IssueBox" class="floatfix">
    <? include 'includes/issueSelect.inc';?>
    </div>
    <!-- Gamercard -->
    <div id="Flog-GamerCard" class="floatfix">
    <? include 'includes/gamercard.inc';?>
    </div>
    <!-- Facebook -->
    <div id="Flog-Facebook">
    <? include 'includes/facebook.inc';?>
    </div>
    The XMLParser entry spits out divs like the widgets.
    <div id="Flog-ContentBox">
    <!-- Imported Code -->
    Entry HTML for Entry 1
    </div>
    <div id="Flog-ContentBox">
    <!-- Imported Code -->
    Entry HTML for Entry 2
    </div>
    ...
    Everything is float left. The problem is that the widgets get buried under the X amount of entries and do not rise to the top. Rather, they line up with the bottom-most entry. Any ideas?

  2.  

  3. #2
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    Well ... for one you're using Flog-ContentBox more than once, so you should convert that to a class.

    .Flog-ContentBox instead of #Flog-ContentBox in your CSS.

    Instead of floating the Flog-ContentBox and all the other ones on the side, what you should be doing is have 2 div (one for content and one for sidebar) and float those instead. You usually have 4 major sections in a site: header, content, sidebar and footer. Sometimes 5 when you add another sidebar to the other side.

    Code:
    <div id="header">
      header stuff with menu
    </div>
    
    <div id="content">
      here you put your content
    </div>
    
    <div id="sidebar">
      here ... your widgets, archive, etc...
    </div>
    
    <div id="footer">
      footer stuff with copyrights and things like that
    </div>
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 06:31 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com