Float not working in FF 3.0.12

	Home Register Search Help Login

Recent Posts
Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

Sponsors
Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.
Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.
Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Float not working in FF 3.0.12

View related threads: (in this forum | in all forums)

Logged in as: Guest

Users viewing this topic: none

Printable Version

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> Float not working in FF 3.0.12

Page: [1]

paul rayner

Posts: 232
Joined: 3/15/2001
From: yeppoon, qld, aus
Status: offline

Float not working in FF 3.0.12 - 7/29/2009 3:32:31

I'm trying to learn some basic CSS. It has a float left and right for paragraphs. works OK in IE 7, but I can't see the left float (#second) in FF.

Here's the HTML and the stylesheet.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>float 2</title>
<link href="sample.css" rel="stylesheet" type="text/css" />
</head>

<body>

 
  <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque  egestas arcu in magna ornare quis tempus massa euismod. Fusce sed augue  vitae tellus bibendum aliquet ut non ligula. Maecenas eget ipsum ac  quam venenatis varius sed vel mauris. Ut laoreet felis ut erat iaculis  vel eleifend nisl tempor. Integer tempus sollicitudin elit, eu  imperdiet lectus vestibulum id. Mauris eleifend turpis ut tellus  vestibulum pellentesque et feugiat dolor. Praesent accumsan tortor id  eros pellentesque sit amet laoreet risus pulvinar. Cras nec ante orci.  Duis orci ligula, ultricies et auctor id, posuere eu risus. Proin  fringilla pellentesque urna, in fermentum diam dignissim non. Sed sem  dolor, luctus non laoreet eget, mattis quis arcu. Pellentesque auctor,  felis sed egestas tempus, leo purus pharetra metus, et tristique augue  urna eu quam. Nulla odio mauris, molestie porttitor porta id, facilisis  ut lectus. Cum sociis natoque penatibus et magnis dis parturient  montes, nascetur ridiculus mus. Proin lectus neque, mollis nec aliquam  vitae, ullamcorper et turpis. Fusce gravida ornare sem nec feugiat.  Fusce lacinia vestibulum nunc, vitae tincidunt neque fringilla in.  Nullam elementum nulla vel ipsum eleifend volutpat. Mauris imperdiet  fermentum nunc at ullamcorper. </p>
  <p id="second"> Nulla odio mauris, molestie porttitor porta id, facilisis  ut lectus. Cum sociis natoque penatibus et magnis dis parturient  montes</p>
  <p>Nulla facilisi. In tempor gravida mauris, a semper risus suscipit  at. Fusce rhoncus libero sed mauris semper non egestas sapien sagittis.  Cras quis tortor sed orci iaculis mattis ut at risus. Integer  condimentum volutpat orci, eu auctor lectus semper ut. Vivamus semper  volutpat pretium. Morbi rhoncus venenatis ultrices. Donec urna mauris,  tincidunt ut molestie eget, auctor sed lectus. Vestibulum hendrerit leo  vitae augue scelerisque sit amet volutpat nisl vestibulum. Donec  aliquet nibh ac neque vulputate porta non nec elit. Duis sapien mi,  condimentum ac gravida tempus, venenatis sed dui. Sed vehicula  venenatis luctus. Aliquam eu placerat eros. Aliquam erat volutpat.  Nullam id nisi lorem. Ut adipiscing consectetur eros a tincidunt.  Vivamus sed nunc nec dui interdum laoreet. </p>
  <p id="fourth">Lorem ipsum dolor sit amet, </p>
  <p>Fifth paragraph. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<p>Sixth paragraph. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<p>Seventh paragraph. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
</body>
</html>

And the CSS

/* CSS Document */
body {font: 100% Verdanna, Arial, Helvetica, sans-serif;
color:#000000;
background:#ADA189;
text-align:center;
margin: 0px;
padding:0px;
}
#holder {
	background: #FFFFFF;
	text-align: left;
	width: 1000px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
}
#second {
width: 140px;
float:left;
padding: 15px;
background-color:#0000FF;

}
#fourth{
width: 165px;
padding: 15px;
float:right;
background-color:#00FF33;
}

_____________________________

" In theory, there is no difference between theory and practice. But, in practice, there is!"


Tailslide Posts: 6692 Joined: 5/10/2005 From: Out here on the raggedy edge Status: offline	RE: Float not working in FF 3.0.12 - 7/29/2009 5:33:34 It's a typo - you've got an extra closing curly bracket in there that you shouldn't have. Get rid of that and it works. _____________________________ Little Blue Plane Web Design \| Land Rover project (in reply to paul rayner)


paul rayner Posts: 232 Joined: 3/15/2001 From: yeppoon, qld, aus Status: offline	RE: Float not working in FF 3.0.12 - 7/29/2009 5:37:59 Thanks Tailslide I looked long and hard...or so I thought Sorry. _____________________________ " In theory, there is no difference between theory and practice. But, in practice, there is!" (in reply to Tailslide)


d a v e Posts: 4348 Joined: 7/24/2002 From: England (but live in Finland now) Status: offline	RE: Float not working in FF 3.0.12 - 7/29/2009 6:37:58 this is good for picking up those sort of things http://jigsaw.w3.org/css-validator/ or of course you could just intall the web developer toolbar for Firefox https://addons.mozilla.org/en-US/firefox/addon/60 _____________________________ David Prescott Gekko web design (in reply to paul rayner)


womble Posts: 6007 Joined: 3/14/2005 From: Living on the edge Status: offline	RE: Float not working in FF 3.0.12 - 7/29/2009 11:35:17 quote: ORIGINAL: d a v e or of course you could just intall the web developer toolbar for Firefox https://addons.mozilla.org/en-US/firefox/addon/60 Definitely an essential tool - makes it so much easier to find problems on pages. _____________________________ ~~ "A cruel god ain't no god at all" ~~ ~~ Erase hate. Practice love. ~~ (in reply to d a v e)


caz Posts: 3742 Joined: 10/10/2001 From: Somewhere south of Chester, UK Status: offline	RE: Float not working in FF 3.0.12 - 7/29/2009 13:29:29 Or get Firebug as well. _____________________________ I remember when it took less than 4hrs to fly across the Atlantic. (in reply to womble)