Status: New
Owner: ----
Labels: Type-Defect Priority-Medium

New issue 1902 by [email protected]: Alouette plugin causes sidescroll
http://code.google.com/p/qubit-toolkit/issues/detail?id=1902

To reproduce this error:
========================
1) Disable current theme plugin and enable sfAlouettePlugin


Resulting error:
================
The darker green bar (with the search box) extends well beyond the edge of the screen, causing sidescroll. See attached screenshot.

Observed in Firefox 3.6.12 and IE 7.0.5730.11

Expected result:
================
Both bars should line up - compare Columbia plugin

Problem seems to be this section of plugins/sfAlouettePlugin/css/style.css:
#header .search
{
  background: #562;
  clear: both;
  margin-left: -32767px;
  margin-right: -32767px;
  margin-top: 1em;
  padding-left: 32767px;
  padding-right: 32767px;
}

Compare equivalent property in http://ica-atom.org/demo/plugins/sfColumbiaPlugin/css/style.css:
#header .search
{
  float: none;
  margin-top: 200px;
  padding: 4px 0;
  width: 540px;
  margin-left: 0;
  background: #069;
  border-top: 0;
}

This may relate to issues with the clear/float properties. E.g. see http://www.positioniseverything.net/articles/onetruelayout/appendix/equalheightproblems (slightly different context but similar use of very large padding)

Attachments:
        Alouette_sidescoll.PNG  85.9 KB

--
You received this message because you are subscribed to the Google Groups "Qubit 
Toolkit Issues" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/qubit-issues?hl=en.

Reply via email to