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.