Results 1 to 5 of 5

Thread: css table in table problem... edit my script

  1. #1
    Join Date
    Aug 2009
    Posts
    398
    Thanks
    42
    Thanked 4 Times in 4 Posts

    Default css table in table problem... edit my script

    hi, I faced some troubles when i made this basic appearance to my site:

    PHP Code:
    *  {
        
    margin0;
        
    padding0;
    }

    body {
        
    font-size62.5%;
        
    font-familyArialsans-serif;
        
    backgroundurl(images/2laida/bg-1.pngcenter no-repeat;
        
    background-attachment:fixed;
    }

    ul#head {
        
    height72px
        list-
    stylenone;
        
    margin0 auto;
        }
    ul#head div#virsus {
        
    height72px;
        
    width900px;    
        
    backgroundurl(images/2laida/visas[naujesnis].pngcenter no-repeat;
        
    margin3 auto;
        }
    #up-col  {
        
    height10px;
        
    width900px;
        
    margin2 auto 0 auto;
        
    backgroundurl(images/2laida/up.pngcenter no-repeat;
    }
    #container {
        
    width900px;
        
    margin0 auto;
        
    backgroundurl(images/2laida/middle.pngcenter repeat-y;
    }
                
    #container .left-side {
                
    floatleft;
                
    width230px;
                
    border2px solid #CCCCCC;
            
    }
            
    #container .right-side {
                
    floatright;
                
    width600px;
                
    border2px solid #CCCCCC;
            
    }
            
    #footer {
        
    height10px;
        
    width900px;
        
    backgroundurl(images/2laida/down.pngcenter no-repeat;
        
    margin0 auto 2 auto;

    So, these two tables should be in container:
    PHP Code:
    #container .left-side {
                
    floatleft;
                
    width230px;
                
    border2px solid #CCCCCC;
            
    }
            
    #container .right-side {
                
    floatright;
                
    width600px;
                
    border2px solid #CCCCCC;
            

    But the problem is that background of container disappears somehow. Can you help me with this?
    Also, maybe there is some mistakes in other thing... just say what you think about this thanks
    Last edited by auriaks; 01-17-2010 at 10:49 PM. Reason: i want this thread to be deleted

  2. #2
    Join Date
    Aug 2009
    Posts
    398
    Thanks
    42
    Thanked 4 Times in 4 Posts

    Default

    If i write something like that into my .css
    PHP Code:
    #container div#left-side {
        
    floatleft;
        
    width230px;
        
    border2px solid #CCCCCC;
    }
    #container  div#right-side {
        
    floatright;
        
    width600px;
        
    border2px solid #CCCCCC;

    My browser stops showing the middle tables' background...
    Last edited by auriaks; 01-17-2010 at 02:02 PM.

  3. #3
    Join Date
    Feb 2009
    Posts
    156
    Thanks
    0
    Thanked 4 Times in 3 Posts

    Default

    link to the out put page

  4. #4
    Join Date
    Feb 2009
    Posts
    156
    Thanks
    0
    Thanked 4 Times in 3 Posts

    Default

    Quote Originally Posted by auriaks View Post
    If i write something like that into my .css
    PHP Code:
    #container div#left-side {
        
    floatleft;
        
    width230px;
        
    border2px solid #CCCCCC;
    }
    #container  div#right-side {
        
    floatright;
        
    width600px;
        
    border2px solid #CCCCCC;

    My browser stops showing the middle tables' background...


    float both containers to left side....


    andadd a code at the bottom of DIV Conatainer:
    <br class='clear'>


    .clear
    {
    clear:both;
    }

    may b it l figure out the proble,else u give the put put link...

  5. #5
    Join Date
    Oct 2009
    Posts
    38
    Thanks
    6
    Thanked 2 Times in 2 Posts

    Default

    i think you must correct these in red:

    Code:
    *  {
        margin: 0;
        padding: 0;
    }
    
    body {
        font-size: 62.5%;
        font-family: Arial, sans-serif;
        background: url(images/2laida/bg-1.png) center no-repeat;
        background-attachment:fixed;
    }
    
    ul#head {
        height: 72px; 
        list-style: none;
        margin: 0 auto;
        }
    ul#head div#virsus {
        height: 72px;
        width: 900px;    
        background: url(images/2laida/visas[naujesnis].png) center no-repeat;
        margin: 3px auto;
        }
    #up-col  {
        height: 10px;
        width: 900px;
        margin: 2px auto 0 auto;
        background: url(images/2laida/up.png) center no-repeat;
    }
    #container {
        width: 900px;
        margin: 0 auto;
        background: url(images/2laida/middle.png) center repeat-y;
    }
                #container .left-side {
                float: left;
                width: 230px;
                border: 2px solid #CCCCCC;
            }
            #container .right-side {
                float: right;
                width: 600px;
                border: 2px solid #CCCCCC;
            }
            
    #footer {
        height: 10px;
        width: 900px;
        background: url(images/2laida/down.png) center no-repeat;
        margin: 0 auto 2px auto;
    }
    or try 'em' instead of 'px'...

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •