tutorials

Spring 2007
course
navigation

drupal fixes

float and clear issues

from http://town.marlboro.edu/themes/marlboro2/style.css /** float and clear issues *** I've seen placement behavior that I didn't expect in this theme, namely stuff within the main content block placed below the left nav column's material, leaving a big blank center region. This seems to caused by the fact that the lefnav is a "float" block on the left, and that other divs which have "clear:both" set therefore go below the left-column ... but I thought the stuff in the main content was embedded and that the "clear" would only apply in the central region. Anyway, my current fix is to override the drupal.css style specs for these elements, setting clear:none or something similar rather than clear:both. I've tried to set the "float context" in center-column with various tricks, but none worked conistently across browsers. Tricks attempted included 1a) position: absolute; 1b) position: fixed (doesn't scroll properly) 2) display: table; (images within don't float properly) 3) display: block; **/ /** attempting to fix float issues. **/ br.clear { clear:both; } .node-form .standard { clear: none; } .theme-settings-left { float: none; } .theme-settings-right { float: none; } .theme-settings-bottom { clear: none; } .profile { clear: none; } #pager { clear: none; } #access-rules .mask { clear: none; } dl.multiselect dt, dl.multiselect dd { float: none; }
http://cs.marlboro.edu/ courses/ spring2007/tutorials/ web_design/ drupal_fixes
last modified Tuesday March 13 2007 2:47 pm EDT