html - Make div go under another -


i trying content highlighted in red in screenshot below go green lines are, cannot work. have tried clear:both; , clear:left; both haven't worked. both of them position in screenshot:

enter image description here

here code box , part of page:

.contentcontainer{  	width:100%;  	background:#fff;      border-bottom: medium solid #d13f4a;  	margin-top:20px;  	height:110px;  }    .cctitle{  	margin-top:20px;  	margin-left:20px;  	font-family: 'montserrat', sans-serif;  	font-size:15px;  	font-weight: 400;  	float: left;  }    .cctext{  	width: 535px;  	max-height: 35px;  	margin-left:20px;  	font-family: 'montserrat', sans-serif;  	font-size:13px;  	font-weight: 400;   	overflow:hidden;  	clear:left;  	float: left;  }    .ccthumb{  	float: left;      background: #000;      width: 195px;      height: 110px;  }
<div class="contentcontainer">  <div class="ccthumb">  </div>  <div class="cctitle">title goes here</div>  <div class="cctext">lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>  </div>    </div>

try removing floats:

.cctitle, .cctext { float: none; }

the issue clear: left in .cctext. wrapping around floats. looking @ this, looks might not need many.


Comments

Post a Comment

Popular posts from this blog

python - Installing PyDev in eclipse is failed -

unable read repository @ http://pydev.sf.net/updates/content.xml. sun.security.validator.validatorexception: pkix path building failed: sun.security.provider.certpath.suncertpathbuilderexception: unable find valid certification path requested target i installing pydev in eclipse using python, doesn't install successfully. gives above error. happened? how solve error? i had error when trying install on laptop behind corporate firewall. couldn't tell setup of firewall, not sure of root cause. i got passed error installing pydev eclipse when out behind firewall. another way got around have eclipse on non-firewalled machine, install pydev eclipse, , copy whole eclipse directory non-firewalled machine firewalled machine. there better way, , way fix properly, didn't have time work out firewall doing. this on windows 7 machine (yeah know) not work *nix versions installed through package manager yum or apt.
Read more

PHP OOP-based login system -

lets building oop-based user authentication system, , incorporate following principles: direct injection, inheritance, encapsulation, polymorphism , single responsibility principle. my background in programming has relied on procedural programming, , thus, finding difficult put these practices correct use. assume have these classes: class config { public function set($key, $value); public function get($key, $default = null); } class user { public function __construct(pdo $dbh, $id = null); public function setprofile(profile $profile); } class auth { public function __construct(config $config); public function login($username, $password, $keeploggedin = true); public function isloggedin(); public function getloggedinuser(); public function logout(); public function register(array $data); } class session { public function start($sessionname = null); public function write($key, $value); public function read($key, $default =...
Read more

c# - Nested Internal Class with Readonly Hashtable throws Null ref exception.. on assignment -

in internal game class , have both a) defined nested internal gamertags class , b) defined gamertags[] _array variable. in internal gamertags class (the nested class, simplicity left out) have readonly hashtable . after initialization, still null ref exception when try assign value. i'm not changing pointer value only , need add initialization hastable? internal class gamertags { private readonly hashtable _privatereadonlyhashtable; private string _json; private string _hash; internal idictionary privatereadonlyhashtable { { return this._privatereadonlyhashtable; } } internal string hash { { this.ensurehash(); return this._hash; } } internal object this[string key] { { return this._privatereadonlyhashtable[k...
Read more