1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Development Content Box Woes

Discussion in 'Software' started by Dinh, 4 Jul 2005.

  1. Dinh

    Dinh What's a Dremel?

    Joined:
    27 Jun 2004
    Posts:
    810
    Likes Received:
    0
    I am designing a website with tons of content soon, though i am having some troubles with the aligning of the <DIV> Tag.

    http://www.optik-ice.info/index.php?p=applications

    Basicly the pages looks like this.. (crap :duh: )

    I am offering someone trustworthy FTP access to fix this. :worried: Please reply with suggestions or offerings.

    Code:
    <TD ROWSPAN=5 class="content"><br><br><div style="overflow: auto; width: 481px; height: 650px;">&nbsp;<br>
    
    <?php switch ($HTTP_GET_VARS[p])
    { 
    case 'index':
    default;
    $number = "5";
     include("news/show_news.php");
    break;
    
    case 'contact' : 
    include 'contact.php'; 
    break; 
    
    case 'articles' : 
    include 'articles.php'; 
    break; 
    
    case 'applications' : 
    include 'applications.php'; 
    break; 
    
    case 'services' : 
    include 'services.php'; 
    break; 
    
    case 'scripts' : 
    include 'scripts.php'; 
    break; 
    
    case 'templates' : 
    include 'templates.php'; 
    break; 
    
    case 'photoshop' : 
    include 'ps.php'; 
    break; 
    
    case 'html' : 
    include 'HTML.php'; 
    break; 
    
    case 'htmlbasic' : 
    include 'HTML_Basic.php'; 
    break; 
    
    
    case 'htmlbutton' : 
    include 'HTML_Button.php'; 
    break; 
    
    
    case 'htmlfont' : 
    include 'HTML_Font.php'; 
    break; 
    
    
    case 'htmlgraphic' : 
    include 'HTML_Graphic.php'; 
    break; 
    
    
    case 'htmllink' : 
    include 'HTML_Link.php'; 
    break; 
    
    
    case 'htmlmarquee' : 
    include 'HTML_Marquee.php'; 
    break; 
    
    case 'htmlmusic' : 
    include 'HTML_Music.php'; 
    break; 
    
    case 'htmltable' : 
    include 'HTML_Table.php'; 
    break; 
    
    
    case 'htmltext' : 
    include 'HTML_Text.php'; 
    break; 
    
    
    case 'htmltextarea' : 
    include 'HTML_Textarea.php'; 
    break; 
    }
    ?>
    
    
    
    
    
    As you can see, I've added the php navigation, it just switches the content to the box, using includes :)
     
    Last edited: 4 Jul 2005
  2. Nedsbeds

    Nedsbeds Badger, Slime, Weasel!!

    Joined:
    16 May 2002
    Posts:
    1,972
    Likes Received:
    9
    The easiest thing is to post the related code here. That way you will get more than one person helping, and noone needs to know your ftp details.
     
  3. SJH

    SJH Minimodder

    Joined:
    24 Dec 2003
    Posts:
    1,427
    Likes Received:
    5
    Please excuse my ignorance but everything seems well-aligned here, having tested it in both IE6 and Firefox. The only thing coming close to a rendering problem in Firefox is that the vertical scrollbar extends slightly below the bottom border of the content box.

    What is it that you want changing?
     
  4. BBurger

    BBurger What's a Dremel?

    Joined:
    7 Apr 2005
    Posts:
    155
    Likes Received:
    0
    First of all, please get rid of whatever code on there that forces focus to that page. When I middle-click on a link to load it in the background, there's a reason. Having focus yanked away from my chosen page is irritating.

    In Opera 8.0 in Ubuntu Linux, it looks fine. The only issue I see is that the text in the "Content" iframe needs margins - it pushes right up against the edges of the box it's supposed to be in.
     
  5. Dinh

    Dinh What's a Dremel?

    Joined:
    27 Jun 2004
    Posts:
    810
    Likes Received:
    0
    Do you see it? The text on the pages are overlapping the border :waah:


    BBurger, what are you talking about? I don't understand.
     
  6. SJH

    SJH Minimodder

    Joined:
    24 Dec 2003
    Posts:
    1,427
    Likes Received:
    5
    Ah yes I see, I didn't notice that before. In your stylesheet try adding a left margin to the text, i.e.

    #content p { margin-left:10px; }

    Where 'content' is the ID of the DIV you're using. Change the '#' to a '.' if you're using classes instead of IDs.
     
  7. Dinh

    Dinh What's a Dremel?

    Joined:
    27 Jun 2004
    Posts:
    810
    Likes Received:
    0
    Thanks SLH!! :D Maybe I should read my CSS book more instead of playing BF:2 all of the time. :blush:
     
  8. SJH

    SJH Minimodder

    Joined:
    24 Dec 2003
    Posts:
    1,427
    Likes Received:
    5
    No problem, glad you got it sorted :)

    And yes, you do need to read that CSS book. You'll get a lot further in life with that! ;)
     
  9. Dinh

    Dinh What's a Dremel?

    Joined:
    27 Jun 2004
    Posts:
    810
    Likes Received:
    0
    Arhh, Time to fix the appearance in firefox.
     

Share This Page