Ubuntu.com has text outside the screen
Affects | Status | Importance | Assigned to | Milestone | |
---|---|---|---|---|---|
Ubuntu Website - OBSOLETE |
Invalid
|
High
|
Unassigned |
Bug Description
Description:
---------------
There's text outside the viewable part of the screen and I'm sure it's not there deliberately :-) See the attached screenshot.
Most user won't see the text because it's outside the view-range, but at high resolutions like 2048 x 1152 you can.
To recreate:
----------------
1. In Firefox go to www.ubuntu.com
2. Choose View -> Zoom -> Zoom out
3. Redo step 2 a few times depending on your screen resolution
Code to be removed/edited:
--------
<div id="homemasthead">
<div class="headings">
<h1>Ubuntu 9.10 is here</h1>
<h2>Free operating system for your desktop or laptop</h2>
</div>
<div id="slideshow"><div style="position: relative; z-index: 1;" id="slides"><div style="position: absolute; z-index: 2; opacity: 0;" class="slide slide1"
<div class="bullets">
<dl>
<dt>Faster, smoother, more beautiful...</dt>
<dd>New features, fixes and applications designed around you</dd>
<dd>Fun tools make it write and deploy apps to Ubuntu</dd>
<dt>...and introducing your personal cloud</dt>
<dd>Store and share files and contacts in a couple clicks with Ubuntu One</dd>
</dl>
</div>
<ul class="buttons">
<li class="dl"><a href="/
<li class="tour"><a href="/
</ul>
</div>
------------------
Best regards
//Mads Rosendahl (MadsRH)
Changed in ubuntu-website: | |
status: | New → Confirmed |
Changed in ubuntu-website: | |
importance: | Undecided → High |
The css which cause this problem is described in #block-block-57.
I made patch for this css.
I changed from "overflow: clip;" to "overflow: hidden".
Because "overflow: clip" is not a valid property in CSS 2.1.