Floating right along problem


#1

footer{

/*Add your CSS here!*/

position: relative;
bottom: -20px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
height: 75px;
background-color: #3c4543;

clear: both;

}
in this code clear property not work


#2

@muhammadwasiullah

what is the problem..

Please include screen shots


#3


#4

Dear zain i also put
clear:both;
but also this kind of problem


#5

@muhammadwasiullah can you show me HTML pls


#6

yes why not










  • Home

  • About Me

  • Plans for World Domination

  • Contact



About Me





I am the angriest puppy in the world. This has been scientifically proven in several clinical trials.





















Send me an e-mail!






#7

sorry now i upload snapshot


#8

@muhammadwasiullah it printed out the code..

You need to show me the code so pls use preformatted text option or insert in backquotes


#9

/*









  • Home

  • About Me

  • Plans for World Domination

  • Contact



About Me





I am the angriest puppy in the world. This has been scientifically proven in several clinical trials.





















Send me an e-mail!





*/

#10
<head>
	<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
	<title>Result</title>
</head>
<body>
	<div id="header">
		<div id="navbar">
			<ul>
				<li>Home</li>
				<li>About Me</li>
				<li>Plans for World Domination</li>
				<li>Contact</li>
			</ul>
		</div>
		<h2>About Me</h2>
	</div>
	<div id="left">
	<img src="https://s3.amazonaws.com/codecademy-blog/assets/puppy-main_zps26d178c5.jpg"/>
	<p>I am the angriest puppy in the world. This has been scientifically proven in several clinical trials.</p>
	</div>
	<div id="right">
	<table>
		<th colspan="3">My Bros</th>
		<tr>
			<td><img src="https://s3.amazonaws.com/codecademy-blog/assets/puppy-1_zps5666b8e7.jpg"/></td>
			<td><img src="https://s3.amazonaws.com/codecademy-blog/assets/puppy-2_zps1539e6b2.jpg"/></td>
			<td><img src="https://s3.amazonaws.com/codecademy-blog/assets/puppy-3_zps4692eafa.png"/></td>
		</tr>
		<tr>
			<td><img src="https://s3.amazonaws.com/codecademy-blog/assets/puppy-4_zps63ff5aa8.jpg"/></td>
			<td><img src="https://s3.amazonaws.com/codecademy-blog/assets/puppy-5_zps0ee0d2c8.jpg"/></td>
			<td><img src="https://s3.amazonaws.com/codecademy-blog/assets/puppy-6_zpsc4450a60.jpg"/></td>
		</tr>
		<tr>
			<td><img id="bottom_left" src="https://s3.amazonaws.com/codecademy-blog/assets/puppy-7_zps26e8a8d9.jpg"/></td>
			<td><img src="https://s3.amazonaws.com/codecademy-blog/assets/puppy-8_zps9a1469be.jpg"></td>
			<td><img id="bottom_right" src="https://s3.amazonaws.com/codecademy-blog/assets/puppy-9_zps3bab7732.jpg"/></td>
		</tr>
	</table>
	</div>
	<div id="footer">
		<div id="button">
			<p>Send me an <span class="bold">e-mail</span>!</p>
		</div>
	</div>
</body>


#11

i remove doctype html and html for send to you now you can see this code please help me


#12

@muhammadwasiullah

is your # footer below your #left and #right ?


#13

no dear have not left and right


#14

please help me dear i very confuse


#15

@muhammadwasiullah I can't see anything wrong from my side..

Refresh the browser and try again


#16

i also refresh but still this problem so now what i do?


#17

your CSS should be

footer{

clear:both;
position: relative;
bottom: -20px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
height: 75px;
background-color: #3c4543;

}

HTML

<div id="left">
<img src="http://s3.amazonaws.com/codecademy-blog/assets/puppy-main_zps26d178c5.jpg"/>
<p>I am the angriest puppy in the world. This has been scientifically proven in several clinical trials.</p>
</div>
<div id="right">
<table>
<th colspan="3">My Bros</th>
<tr>
<td><img src="http://s3.amazonaws.com/codecademy-blog/assets/puppy-1_zps5666b8e7.jpg"/></td>
<td><img src="http://s3.amazonaws.com/codecademy-blog/assets/puppy-2_zps1539e6b2.jpg"/></td>
<td><img src="http://s3.amazonaws.com/codecademy-blog/assets/puppy-3_zps4692eafa.png"/></td>
</tr>
<tr>
<td><img src="http://s3.amazonaws.com/codecademy-blog/assets/puppy-4_zps63ff5aa8.jpg"/></td>
<td><img src="http://s3.amazonaws.com/codecademy-blog/assets/puppy-5_zps0ee0d2c8.jpg"/></td>
<td><img src="http://s3.amazonaws.com/codecademy-blog/assets/puppy-6_zpsc4450a60.jpg"/></td>
</tr>
<tr>
<td><img id="bottom_left" src="http://s3.amazonaws.com/codecademy-blog/assets/puppy-7_zps26e8a8d9.jpg"/></td>
<td><img src="http://s3.amazonaws.com/codecademy-blog/assets/puppy-8_zps9a1469be.jpg"></td>
<td><img id="bottom_right" src="http://s3.amazonaws.com/codecademy-blog/assets/puppy-9_zps3bab7732.jpg"/></td>
</tr>
</table>
</div>
<div id="footer">
<div id="button">
<p>Send me an <span class="bold">e-mail</span>!</p>
</div>
</div>


#18

@muhammadwasiullah I don't know whats the problem its working on myside


#19

but my side did not work so how can i contact with codecademy team


#20

hhahaahaah
its work
i remover footer last r in html and also css that work be done
like

footr