divs problem !!?

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • vagann
    Medlem
    • 2011-07-18
    • 167

    #1

    divs problem !!?

    tja , jag håll på att styla och designa lite och då fick jag ett litet problem med hur divs sitter , den inre div boxen blir bara större och större när man har tilllägge text medan den yttre div boxen (container) ändrar inte storleken.
    hur gör jag så att det yttre divboxens storlek ska vara beroende av den inre div boxen?
    jag laddade up en bild så ni förstår vad jag menar !

    css coder :
    Code:
    #contianer {
    	width:1050px;
    	border: 1px solid #3B5998;
    	
    }
    
    
    
    
    #userbar {
    	border:1px dashed black;
    	width:150px;
    	margin:3px;
    	
    }
    #search {
    	border:1px dashed black;
    	width:150px;
    	margin:3px;
    }
    #content {
    	border:1px solid *#3B5998;
    	float:right;
    	width:888px;
    	margin:2px;
    	
    }
    html delen :
    Code:
    <body>
    <div id="contianer">
    		
    	<div id="content">gjrgrjglrjlgjrl<br><br><br><br>gjrgrjglrjlgjrl<br><br><br><br>gjrjlgjrl<br><br><br><br>gjrgrjglrjlgjrl<br>r><br>gjrgrjglrjlgjrl<br><br><br><br>gjrgrjglrjlgjrl<br><br></div>
    	<div id="copyright"> A TODJD jfshfsj PRODUCTION<br> theprojectnamne &#169; 2012</div>
    	<div id="search"><h1>SEARCH</h1></div>
    	<div id="userbar">fkfjsfsj<br><br>gdgdggs<br><br>kgdkgdgk<br><br>gdgdggs<br><br>kgdkgdgk<br><br>gdgdggs<br><br>kgdkgdgk<br></div><br>
    </div>
    </body>
    Tacksam för hjälpen !!
    Attached Files
    Last edited by vagann; 2012-04-12, 21:24.
  • voigtann1
    Forumvärd
    • 2001-06-14
    • 8810

    #2
    Du få nog berätta din HTML struktur med.
    "det går inte att lära en gammal norrlänning byta namn på irc" - gammalt kinesiskt uttryck

    Comment

    • vagann
      Medlem
      • 2011-07-18
      • 167

      #3
      ok klart, la den i första inlägget

      Comment

      • voigtann1
        Forumvärd
        • 2001-06-14
        • 8810

        #4
        Vad kör du för doctype? Sen skall #copyright vara där du har den i markupen?

        sen så gör <br> inget på block element (du har <br> direkt efter en div vilket, vilket inte behövs)

        med den markup koden du har skickat så få jag inte ens i närheten likheten på din bild.
        "det går inte att lära en gammal norrlänning byta namn på irc" - gammalt kinesiskt uttryck

        Comment

        • vagann
          Medlem
          • 2011-07-18
          • 167

          #5
          doctype är "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">"

          här är hela html filen
          Code:
          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
          <html xmlns="http://www.w3.org/1999/xhtml">
          <head>
          <link rel="stylesheet" type="text/css" href="layout.css" />
          </head>
          
          <body>
          <div id="contianer">
          	<div id="banner">
          		<div id="logo"><img src="images/logo.png" /></div>
          		<br><br><br><br>
          		<div id="menu">kfmdkfkmd    ofkeofke   ofkefoke   okfeok ofkeofke   ofkefoke   okfeok</div>
              </div>		
          	<div id="content">gjrgrjglrjlgjrl<br><br><br><br>gjrgrjglrjlgjrl<br><br><br><br>gjrjlgjrl<br><br><br><br>gjrgrjglrjlgjrl<br>r><br>gjrgrjglrjlgjrl<br><br><br><br>gjrgrjglrjlgjrl<br><br></div>
          	<div id="copyright"> A TODJD jfshfsj PRODUCTION<br> theprojectnamne &#169; 2012</div>
          	<div id="search"><h1>SEARCH</h1></div>
          	<div id="userbar">fkfjsfsj<br><br>gdgdggs<br><br>kgdkgdgk<br><br>gdgdggs<br><br>kgdkgdgk<br><br>gdgdggs<br><br>kgdkgdgk<br></div><br>
          </div>
          </body>
          </html>
          css fil :
          Code:
          #banner {
          	background-color: #3B5998;
          	height:100px;
          }
          
          #logo {
          	float:right;
          	margin-right:60px;
          
          }
          
          #menu{
          	float:right;
          	margin-right:20px;
          	color:#7f93bc;
          }
          
          #contianer {
          	width:1050px;
          	border: 1px solid #3B5998;
          	
          }
          
          #userbar {
          	border:1px dashed black;
          	width:150px;
          	margin:3px;
          	
          }
          #search {
          	border:1px dashed black;
          	width:150px;
          	margin:3px;
          }
          #content {
          	border:1px solid  #3B5998;
          	float:right;
          	width:888px;
          	margin:2px;
          	
          }
          #copyright{
          float: right;
          margin-right:420px;
          text-align:center;
          }
          copyrighten ska vara längs ner på sidan ...

          Comment

          • voigtann1
            Forumvärd
            • 2001-06-14
            • 8810

            #6
            kolla på en clearfix eller om du vill göra det enkelt för dig sätt overflow: hidden på din #contianer

            För jag gissar att det är den blåa bordern du vill skall växa: http://jsfiddle.net/voigtan/35ra3/

            <link rel="stylesheet" type="text/css" href="layout.css" /> är fel i html, det är xhtml format på den taggen
            "det går inte att lära en gammal norrlänning byta namn på irc" - gammalt kinesiskt uttryck

            Comment

            • vagann
              Medlem
              • 2011-07-18
              • 167

              #7
              Underbart , tack så mycket !!!!!

              Comment

              Working...