html - Margin-bottom not working correctly in responsive design -

-

i have odd problem in using margin-bottom in class responsive design. example

html

<div class="space-bottom"> <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. pellentesque commodo sollicitudin molestie. in lacus purus, posuere non lacus eu, pharetra suscipit arcu.</p> </div>

css

.space-bottom{margin-bottom: 10px}

the class "space-bottom" margin bottom of 10px not work in mobile device. if insert in media query weird. when change "class" "id"

html

<div id="space-bottom"> <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. pellentesque commodo sollicitudin molestie. in lacus purus, posuere non lacus eu, pharetra suscipit arcu.</p> </div>

css

#id space-bottom{margin-bottom: 10px}

it seems work. don't need insert attribute inside media query

there no issue css in first example; may noticing margins <p> element , <div> collapsing, based on browser's default margin <p>.

see mozilla developer network's page on collapsing margins more information on feature.

also, css in second example incorrect; should selecting <space-bottom> element id id. why works, or seems work, mystery me.


Comments

Post a Comment

Popular posts from this blog

c# - SelectList with Dictionary, add values to the Dictionary after it's assigned to SelectList -

-
i have following code - dictionary<string, string> mydict = new dictionary<string, string>(); mydict.add("keya", "valuea"); mydict.add("keyb", "valueb"); ienumerable<selectlistitem> myselectlist = new selectlist(mydict, "key", "value") further down in program, want add values mydict . possible? if yes, how? want - myselectlist.mydict.add("keyc", "valuec"); if you're wanting add items mydict, possible, , changes reflected in of myselectlist 's enumerations long changes made before enumeration (e.g. using .tolist() ) generated. as worked example: dictionary<string, string> mydict = new dictionary<string, string>(); mydict.add("keya", "valuea"); mydict.add("keyb", "valueb"); ienumerable<selectlistitem> myselectlist = new selectlist(mydict, "key", "value...
Read more

mysqli - Php Mysqli_fetch_assoc Error : "Warning: Illegal string offset 'name' in" -

-
this question has answer here: php mysqli returns 1 row 3 answers warning: illegal string offset 'name' in c:\xampp\htdocs\connection\index.php on line 31 1", please can me. <?php include('config.php'); $conn = mysqli_connect(db_host, db_user, db_pass, db_name); $sql = "select * users"; $result = mysqli_query($conn, $sql); $rows = mysqli_fetch_assoc($result); ?> and in body tag <?php foreach ($rows $row) { echo $row['name']; }?> you should use mysqli_fetch_all() here rows within $rows @ once. $sql = "select * users"; $result = mysqli_query($conn, $sql) or die(mysqli_error($conn); $rows = mysqli_fetch_all($result); echo "<pre>"; print_r($rows); // check result
Read more

javascript - Chart.js - setting tooltip z-index -

-
http://jsfiddle.net/gmannib/j2mwpj43/7/ ^ see sample fiddle above. notice how tooltips piechart go underneath "earth" icon have in middle there? there way set z-index property of tooltips above earth icon? thought work? race.tooltip.style.zindex = "5"; i'm still learning...thank kind help! just give higher z-index value canvas , done. see demo . css code canvas#race{position:relative; z-index:1;}
Read more