0019389: default.css affects general html tags without regard to integration of MantisBT into user pages - MantisBT - Signup temporarily disabled due to spam

ID	Project	Category	View Status	Date Submitted	Last Update

0019389	mantisbt	feature	public	2015-02-21 12:42	2015-10-24 20:31

Reporter	dbrad	Assigned To
Priority	normal	Severity	minor	Reproducibility	have not tried
Status	new	Resolution	open
Product Version	1.2.18

Summary	0019389: default.css affects general html tags without regard to integration of MantisBT into user pages
Description	MantisBT (MBT) has a default.css which defines settings against tags, as if it will be run standalone and has complete control of a page. Below is background and other info. With this arrangement, cannot place MBT into a DIV container of the webpage without being impacted by the DIV settings in default.css. (Likely all the other tags will have a knock-on effect.) Would be appropriate to have MBT, when using DIV or other containers, explicitly using a <div class="divMBT"> for each div in MBT. Thus allowing DIV to be used by the user and MBT without cross-interference. (Generally from what I've googled, css should define classes against tag settings rather than settings on tags. THUS, allowing different "apps" to place their uniqueness in containers (ie. DIV)). Background ---------- While building a webpage (along with a lot of learning) I wanted to have MantisBT (MBT) positioned between a header and footer on the page that are always at the top or bottom as absolute positioning. So iframe came into play, but as been the case for years MBT is blocked from frames. (Have no issue with this decision.) However how nice MBT is: google shows that users wish to place MBT within a container. My solution, but The solution for having fixed header and footer is to have hdr & ftr classes defined where a container is going to be absolutely placed on the page. Thus any content maybe placed in a container, inbetween the header and footer containers. <head> css default.css css for header and footer classes that define absolute h and f containers </head> <body> <div class="hdrAbsolutePlacing> This is my header </div> <div class="container4ContentAbsolutePlacing"> the content between the header and footer </div> <div class="ftrAbsolutePlacing> This is my footer </div> </body> This method of headers and footers has a number of examples on the web/google. It is HTML5 rather than "table" HTML4 approach that is being recommended by many "experts". BUT with default.css defining DIV settings all containers are affected with unwanted padding and positioning. MBT provides a method to override default.css, so it could be copied by a site. But as new MBT releases occur there is the issue syncing default.css (with no documentation to go on). Would be nice if MBT was container oriented rather than standalone page.
Tags	No tags attached.