Please help me understand this <div> problem.

Discussion in 'CSS' started by mnymkr, May 1, 2006.

  1. #1
    I am using Joomla and building a template. I swear sometimes I build a template and my <div> do what I want and sometimes I think I code it the exact same way it it doesn't it different. My problem is as follows: I need a div floated left for a sidebar and the rest of the space filled with another div. Both div have Joomla generated HTML code. what happens is that my bigger division lets calle it main, will not stay to the right of the sidebar. once it is further down the page then it will go back to the left margin. Take a look at
    bj.dreamhosters.com/joomla
    ....if you click on downloads then you will see the content for the main divsion appear at the bottom and not beside the sidebar. I need all the content to stay right of the sidebar. Now I have another tempate that works fine. And for the life of me I can't see any difference.
     
    mnymkr, May 1, 2006 IP
  2. i0nutzb

    i0nutzb Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    firts of all, at the middle of your code you have:
    <title>A Plain and Simple Language Project - Downloads</title>
    <meta name="description" content="Joomla - the dynamic portal engine and content management system, Joomla - the dynamic portal engine and content management system" />
    
    Code (markup):
    wtf?!

    anyway, if you have alot of time, you can edit ALL joomla generated code ;)
    i gues the problem is because you specified weight for both columns... try to specify weight only for left column (witch also had float:left proprerties) and for right column specify margin-left:weight of left col + 5px
    example:
    
    <style>
    #left {float:left; weight:150px;}
    #right {margin-left:155px;}
    
    Code (markup):
    good luck ;)
     
    i0nutzb, May 2, 2006 IP
  3. mnymkr

    mnymkr Well-Known Member

    Messages:
    2,328
    Likes Received:
    32
    Best Answers:
    0
    Trophy Points:
    120
    #3
    yeah that is just something that joomla throws out. i just had to code in there to see what it did.

    my biggest problem is that sometimes i can float a <div> left and it will make a column, meaning the stuff to the right will NOT slide back under the left <div>

    and sometimes it will. I dont think I am coding anything diffrently. Ill figure it out.

    I see 3 colmn designs done some many ways and i have read so many sites. i really just want an innate understanding of it.
     
    mnymkr, May 2, 2006 IP