| Download pages are not displayed correctly [message #1224619] |
Fri, 27 December 2013 03:42 |
Eclipse User |
|
|
|
Some projects (CDO, Mylyn Intent and probably more) are probably using a tool (*) to generate their download page:
* http://eclipse.org/cdo/downloads/
* http://www.eclipse.org/intent/downloads/
Under Firefox 25.0.1, Windows 7, the pages are not correctly displayed (see attached screenshots: intent_downloads.png, cdo_download.png).
I am not an HTML expert, but it seems to me that the <div id="midcolumn"> is floating under <div id="leftcol">.
With the help of FireBug, I found out that the problem comes from the padding elements defined in
http://www.eclipse.org/cdo/_projectCommon/styles.css
#midcolumn {
margin-left: -20px;
margin-right: 0;
margin-top: -36px;
padding-left: 40px;
padding-right: 50px;
padding-top: 20px;
width: 703px;
}
I have tried to fix it by introducing following CSS:
#midcolumn {
margin-left: -19px;
padding: 0;
width: 791px;
}
In the file:
http://www.eclipse.org/cdo/_projectCommon/styles.css (to instead of the currently defined values)
or in the file:
http://www.eclipse.org/cdo/downloads/_styles.css (to override what is defined in styles.css)
This brings the #midcolumn div at the correct position, but it is not perfect (the text is on the border... padding is missing). See possible_fix.png
I am not sure if this is possible, but I think it could be good to introduce a second div #midcolumn_content as child div of #midcolumn div. This way it could be possible to define the background in the #midcolumn div and to control the text position (padding) in the #midcolumn_content div.
Let me know if and how I can help here.
(*) I assume it is a tool, because the download pages look similar. I would appreciate to get some input on this tool.
|
|
|
Powered by
FUDForum. Page generated in 0.02786 seconds
Home