css position - Issues when HTML body element is positioned 'relative' -

-

on 1 of websites, found body element set position: relative , content inside body seem shifted downwards scale of margin-top css value set on topmost element in body.

  1. why body has css 'position: relative' set? intended fix bug? heard there ie bug not able set absolute positioning of elements.

  2. why 'margin-top' of 'only' first element inside body affects position of every element?

  3. javascript function 'getboundingclientrect()' returns wrong value element not consider margin-top value set on topmost element.

1. why body have css 'position:relative' set? intended fix bug? heard there ie bug not able set absolute positioning of elements.

fc: that's not intended fix bug, because 1 (direct) children of body element has position:absolute. without body having position:relative, child positioned relative canvas (the browser inner window), rather relative body element. see this tutorial ('nested position:absolute') full story. there may have been ie bugs in respect in past, of ie8 ie behaves when comes this.

.
2. why 'margin-top' of 'only' first element inside body affect position of every element?

fc: design. vertical margins affect position of subsequent sibling elements, position:relative; top:20px not. again, see mentioned tutorial full story.

.
3. javascript function 'getboundingclientrect()' returns wrong value element not consider margin-top value set on topmost element.

fc: design, i'm not sure whether interpreting matters correctly. can post code demonstrate it? know should careful method. see this dottoro page full story, including alternatives.


Comments

Post a Comment

Popular posts from this blog

google api - Incomplete response from Gmail API threads.list -

-
i plot number of emails in inbox on time using gmail api , i'm seeing lot of drop-outs, whatever reason i'm getting incomplete count of messages @ single time points. my plots here: https://plot.ly/~tdsmith/2 -- "drop-outs" i'm complaining trace shoots downwards , recovers previous level @ next timepoint. the code i'm using count emails here: https://github.com/tdsmith/gmail-plotly/blob/master/gmail-plotly.py#l47-l64 what can diagnose these faults?
Read more

Installing Android SQLite Asset Helper -

-
i need use ready made database. search solution on internet did not work until decided use mentioned library found here . however, found hard use library in installation procedures shallow beginners. i appreciate step step procedure on how use android studio. in struggle tried copying sources main/libs , adding line gradle did not work. use api 19 if helps. update here build.gradle // top-level build file can add configuration options common sub-projects/modules. buildscript { repositories { mavencentral() } dependencies { classpath 'com.android.tools.build:gradle:0.11.+' compile 'com.readystatesoftware.sqliteasset:sqliteassethelper:+' // note: not place application dependencies here; belong // in individual module build.gradle files } } allprojects { repositories { mavencentral() } } trying compile project error error:(9, 0) no signature of method: org.gradle.api.internal.artifacts
Read more

Qt Creator - Searching files with Locator including folder -

-
one quick question qtcreator : know possible use locator open files using "ctrl-k" shortcut. however, possible search files including locations? for example, let's want locate file named "main.cpp" in folder named "myfolder" , have lots of other main.cpp files. what should type locator in order open ? just type myfolder/main.cpp in locator
Read more