vagannMedlem sedan juli 2011171 inlägg 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 :
#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 :
<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 © 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 !! :bire
Du få nog berätta din HTML struktur med.
vagannMedlem sedan juli 2011171 inlägg ok klart, la den i första inlägget
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.
vagannMedlem sedan juli 2011171 inlägg 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
<!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 © 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 :
#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 ...
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
vagannMedlem sedan juli 2011171 inlägg Underbart , tack så mycket !!!!!
