Closed Bug 806574 Opened 12 years ago Closed 12 years ago

float blocks links

Categories

(Core :: Layout, defect)

Product:
Core
Component:
Layout
Platform:
x86
Windows 7
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

()

Status:
RESOLVED DUPLICATE of bug 102695

People

(Reporter: kgalbrecht, Unassigned)

Details

Attachments

(1 file)

just try links from top to botton to veryfy error
5.62 KB, text/html
Details 
links placed in the left div or section higher than bottom line of right div or section will not work 
try attached file for test
The behavior of Google chrome22 and Opera12.02 are same as Firefox.
Only IE behaves different ways.
Attachment #676330 - Attachment mime type: text/plain → text/html
Component: Private Browsing → Layout
Product: Firefox → Core
Comment on attachment 676330 [details]
just try links from top to botton to veryfy error

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style>
			#Text {
				position: relative;
				background-color: rgba(0, 0, 100, 0.5);
			}

			#Bild {
				position: relative;
				float: left;
			}
		</style>
		<title>Margrit Kahl</title>
	</head>
	<body>
		<div id="Bild">
			<ul>
				<li><a href="http://de.wikipedia.org/wiki/Margrit_Kahl" target="_blank"> -&gt; Wickipedia</a></li>
				<li><a href="http://de.wikipedia.org/wiki/Margrit_Kahl" target="_blank"> -&gt; Wickipedia</a></li>
				<li><a href="http://de.wikipedia.org/wiki/Margrit_Kahl" target="_blank"> -&gt; Wickipedia</a></li>
				<li><a href="http://de.wikipedia.org/wiki/Margrit_Kahl" target="_blank"> -&gt; Wickipedia</a></li>
				<li><a href="http://de.wikipedia.org/wiki/Margrit_Kahl" target="_blank"> -&gt; Wickipedia</a></li>
				<li><a href="http://de.wikipedia.org/wiki/Margrit_Kahl" target="_blank"> -&gt; Wickipedia</a></li>
				<li><a href="http://de.wikipedia.org/wiki/Margrit_Kahl" target="_blank"> -&gt; Wickipedia</a></li>
				<li><a href="http://de.wikipedia.org/wiki/Margrit_Kahl" target="_blank"> -&gt; Wickipedia</a></li>
				<li><a href="http://de.wikipedia.org/wiki/Margrit_Kahl" target="_blank"> -&gt; Wickipedia</a></li>
				<li><a href="http://de.wikipedia.org/wiki/Margrit_Kahl" target="_blank"> -&gt; Wickipedia</a></li>
				<li><a href="http://de.wikipedia.org/wiki/Margrit_Kahl" target="_blank"> -&gt; Wickipedia</a></li>
				<li><a href="http://de.wikipedia.org/wiki/Margrit_Kahl" target="_blank"> -&gt; Wickipedia</a></li>
			</ul>
		</div>
		<div id="Text">
			DUMMY TEXT
			Miusov, as a man man of breeding and deilcacy, could not but feel some inwrd qualms,
			Superior's with Ivan: he felt ashamed of havin lost his temper. He felt that he ought
			despicable wretch, Fyodor Pavlovitch, too much to have been upset by him in Father Zossima'
			forgotten himself. "Teh monks were not to blame, in any case," he reflceted, on the steps. 
			people here (and the Father Superior, I understand, is a nobleman) why not be friendly and 
			won't argue, I'll fall in with everything, I'll win them by politness, and show them that
			that Aesop, thta buffoon, that Pierrot, and have merely been takken in over this affair
			He determined to drop his litigation with the monastry, and relinguish his claims to the
		</div>
	</body>
</html>
That's the code that makes the bug
Using "Tools->Web Developer->Inspect" I can see that the <div id="Text">
is position:relative and overlaps <div id="Bild"> where the links are.
"Text" is later in the document so it is above "Bild".

Given the markup and styles this is the correct layout / behavior.

You can fix it by specifying z-index:1 on <div id="Bild"> for example.
Status: UNCONFIRMED → RESOLVED
Closed: 12 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: