SitePoint Sponsor

User Tag List

Results 1 to 12 of 12
  1. #1
    SitePoint Enthusiast FKAC's Avatar
    Join Date
    Jan 2006
    Location
    Alexandria, VA
    Posts
    62
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Firefox 3 question...

    Hello, I have a simple resume page: http://jcl34.freeweb7.com/index.html

    ...that works perfectly in Firefox 2 and IE, but it shows funny in Firefox 3.

    Any help would be cool.

    Thanks,
    -J.C.L

    css
    Code:
    body {
    	background-color:#000000;	
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif', 'Lucida Sans';
    	text-align: center;	
    	}
    	
    	*{margin:0;padding:0;}
    
    	
    
    	
    	#wrapper {
    	width:888px;
    	margin-right: auto;
    	margin-left: auto;
    	border:2px solid #000000;
    	line-height:150%;
    	text-align:left;
    	background: url('blahblah.jpg') repeat-y fixed center;	
    	}
    
    	
    
    
    	#mainphoto {
    	background:url('crimecolbalt.jpg');
    	height: 133px;
    	width:100%;
    	}
    
    	#shadow {
    	background:url('blah2b.jpg');
    	height: 21px;
    	width:100%;
    	}
    	
    
    	
    	
    	#nav {
    	background-color: #000000;
    	width:100%;
    	height: 24px;
    	
    	/*border: 0px;
    	padding-top: 0px;
    	padding-bottom: 0px;
    	padding-left: 0px;*/
    	}
    	
    	#navlist li {
    	display:inline;
    	
    	/*padding-right: 33px;
    	padding-left: 0px;
    	border:0px;
    	*/
    	text-decoration:none;
    	}
    	
    	head+body #navlist:after {
    	content: "."; 
    	display: block; 
    	height:0; 
    	clear: both; 
    	visibility: hidden;
    	}
    	
    	#navlist a {
    	float:left;
    	text-decoration:none;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';
    	color: #f78b18;
    	font-size:14px;
    	font-weight:bolder;
    	padding: 0px 37px 0px 34px;
    	}
    	
    
    	#navlist a:hover {
    	color: #a0b4b3;
    	}
    
    
    	
    
    #col1 {
    	float:left;
    	width:360px;
    	
    	}
    	
    	
    	
    	#col1containertop {
    	background:url('312top.gif') top left no-repeat;
    	margin: 13px 24px 0px 24px; 
    	padding: 0px 0px 0px 0px;
    	width: 312px;
    	
    	
    	}
    
    
    
    	#col1container {
    	background:url('312middle.gif')  repeat-y;
    	margin: 0px 24px 0px 24px; 
    	padding: 0px 0px 0px 0px;
    	width: 312px;
    	
    	
    	}
    
    
    
    	#col1containerbottom {
    	background:url('312bottom.gif') bottom left no-repeat;
    	margin: 0px 24px 24px 24px; 
    	padding: 0px 0px 0px 0px;
    	width: 312px;
    	
    	
    	}
    
    
    
    
    
    
    
    
    
    #col2 {
    	float:left;
    	width:528px;
    	
    	}
    	
    	
    	
    	#col2containertop {
    	background:url('480top.gif') top left no-repeat;
    	margin: 13px 24px 0px 24px; 
    	padding: 0px 0px 0px 0px;
    	width: 480px;
    	height: 73px;
    	
    	}
    
    
    
    	#col2container {
    	background:url('480middleclean.gif')  repeat-y;
    	margin: 0px 24px 0px 24px; 
    	padding: 0px 0px 0px 0px;
    	width: 480px;
    	
    	
    	}
    
    
    
    	#col2containerbottom {
    	background:url('480bottom.gif') bottom left no-repeat;
    	margin: 0px 24px 24px 24px; 
    	padding: 0px 0px 0px 0px;
    	width: 480px;
    	
    	
    	}
    
    
    
    	#col3containertop {
    	background:url('312top.gif') top left no-repeat;
    	margin: 13px 24px 0px 24px; 
    	padding: 0px 0px 0px 0px;
    	width: 312px;
    	
    	
    	}
    
    
    
    	#col3container {
    	background:url('312middle.gif')  repeat-y;
    	margin: 0px 24px 0px 24px; 
    	padding: 0px 0px 0px 0px;
    	width: 312px;
    	
    	
    	}
    
    
    
    	#col3containerbottom {
    	background:url('312bottom.gif') bottom left no-repeat;
    	margin: 0px 24px 24px 24px; 
    	padding: 0px 0px 0px 0px;
    	width: 312px;
    	
    	
    	}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    	p.cheech {
    	color:#000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';
    	font-size:15px;
    	font-weight:bold;
    	line-height:140%;
    	text-align: justify;
    	padding: 0px 20px 0px 20px;
    	}
    
    	p.cheech3 {
    	color:#000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';
    	font-size:15px;
    	font-weight:bold;
    	line-height:140%;
    	text-align: justify;
    	padding: 40px 20px 0px 20px;
    	}
    	
    
    	p.cheech2 {
    	color:#000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';
    	font-size:15px;
    	font-weight:bold;
    	line-height:140%;
    	text-align: justify;
    	padding: 40px 20px 0px 20px;
    	}
    	
    
    	
    	
    
    	
    
    	
    
    
    
    
    
    	p.and {
    	color: #000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';
    	font-size: 14px;
    	font-weight: bolder;
    	line-height: 140%;
    	text-align: justify;
    	}
    
    	
    	
    	p.chong {
    	color: #000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';	
    	font-size: 15px;
    	font-weight: bold;
    	line-height: 140%;
    	text-align: justify;
    	}
    
    
    	a:link {
    	color:#f78b18;
    	text-decoration: none;
    	}
    	a:visited {
    	color:#f78b18;
    	text-decoration: none;
    	}
    	a:hover {
    	color:#73a689;
    	text-decoration: underline;
    	}
    	a:active { color:#f78b18;}
    	
    	#shadowf {
    	background:url('blah1f.jpg');
    	height: 49px;
    	width:100%;
    	}
    	
    	#footer {
    	clear:both;
    	height: 21px;
    	width:100%;
    	background: url('blah2foot.jpg');
    	}
    
    #footer a {
    	
    	text-decoration:none;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';
    	color: #f78b18;
    	font-size: 8px;
    	font-weight:bolder;
    	
    	
    	}
    	
    
    	#footer a:hover {
    	color: #a0b4b3;
    	text-decoration: underline;
    	}
    
    	
    	p.funk {
    	color: #000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';
    	font-size: 7px;
    	font-weight:bolder;
    	padding-top: 9px;
    	padding-bottom: 4px;
    	padding-left: 21px;
    	}
    
    
    	/* this is for the resume */
    
    
    #colr1 {
    	float:left;
    	width:888px;
    	
    	}
    	
    	
    	
    	#colr1containertop {
    	background:url('bartendfadepixel.gif') top left no-repeat;
    	margin: 13px 24px 0px 24px; 
    	padding: 0px 0px 0px 0px;
    	width: 840px;
    	height:133px;
    	
    	
    	}
    
    
    
    	#colr1container {
    	background:url('840middle.gif')  repeat-y;
    	margin: 0px 24px 0px 24px; 
    	padding: 0px 0px 0px 0px;
    	width: 840px;
    	
    	
    	}
    
    
    
    	#colr1containerbottom {
    	background:url('840bottom.gif') bottom left no-repeat;
    	margin: 0px 24px 24px 24px; 
    	padding: 0px 0px 0px 0px;
    	width: 840px;
    
    	}
    	
    
    
    
    p.chef {
    	color:#000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';
    	font-size:13px;
    	font-weight:light;
    	line-height:140%;
    	text-align: justify;
    	padding: 0px 20px 15px 240px;
    	}
    
    p.resumelinks {
    	color:#000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';
    	font-size:12px;
    	letter-spacing: -1px;
    	font-weight:light;
    	line-height:140%;
    	text-align: center;
    	padding: 0px 20px 20px 20px;
    	}
    
    p.rest {
    	color:#000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'sans-serif', 'Helvetica';
    	font-size:15px;
    	letter-spacing: -1px;
    	font-weight:bolder;
    	line-height:100%;
    	text-align: justify;
    	padding: 15px 30px 0px 30px;
    	}
    
    p.job {
    	color:#000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'sans-serif', 'Helvetica';
    	font-size:15px;
    	letter-spacing: -1px;
    	font-weight:light;
    	line-height:100%;
    	text-align: justify;
    	padding: 0px 30px 0px 30px;
    	}
    
    
    p.date {
    	color:#000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'sans-serif', 'Helvetica';
    	font-size:15px;
    	letter-spacing: -1px;
    	font-weight:bolder;
    	line-height:100%;
    	text-align: right;
    	padding: 0px 35px 0px 35px;
    	}
    
    	
    p.funk1 {
    	color: #000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';
    	font-size: 8px;
    	font-weight:bolder;
    	padding-top: 5px;
    	padding-bottom: 5px;
    	padding-left: 1px;
    	}
    
    
    p.address {
    	color:#000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';
    	font-size:15px;
    	letter-spacing: -1px;
    	font-weight:bolder;
    	line-height:100%;
    	text-align: justify;
    	padding: 15px 30px 0px 30px;
    	}
    
    
    p.address2 {
    	color:#000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';
    	font-size:15px;
    	font-weight:light;
    	line-height:140%;
    	text-align: justify;
    	padding: 10px 33px 3px 33px;
    	}
    
    
    
    p.elinks {
    	color:#000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';
    	font-size:15px;
    	letter-spacing: -1px;
    	font-weight:light;
    	line-height:100%;
    	text-align: justify;
    	padding: 0px 30px 0px 33px;
    	}
    
    p.phone {
    	color:#000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';
    	font-size:15px;
    	letter-spacing: -1px;
    	font-weight:light;
    	line-height:100%;
    	text-align: right;
    	padding: 0px 35px 0px 35px;
    	}
    
    
    #resume_navcontainer
    {
    font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';
    padding: 0px 0px 0px 0px;
    margin: 0 auto;
    width: 773px;
    
    }
    
    #resume_navlist
    {
    width: 73%;
    text-align: center;
    margin: 0 auto;
    padding: 5px 0px 0px 0px;
    text-indent: 0;
    list-style-type: none;
    border-bottom: 1px solid #f78b18;
    }
    
    #resume_navlist li
    {
    padding: 5px;
    margin: 0;
    text-indent: 0;
    display: inline;
    }
    
    #resume_navlist li a
    {
    letter-spacing: -1px;
    text-decoration: none;
    color: #000000;
    font-size: 15px;
    font-weight:light;
    padding: 0px 12px 0px 12px;
    border-top: none;
    }
    
    #resume_navlist li a:hover,#navlist a#current
    {
    color: #f78b18;
    border-bottom: none;
    font-size: 15px;
    }
    
    #resume_navlist a#current { color: #a0b4b3; }
    and xhtml...

    Code:
    <!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>Jon Clancy Lengacher</title>
    
    
      <link href="round.css" rel="stylesheet" type="text/css" />
    
    
      
    
    
    
    </head>
    
    
    <body>
    
    <div id="wrapper">
    
    
    
    
    
    
    <div id="shadow"></div>
    
    <div id="content">
    
    
    
    
    
    
    
    
    <div id="colr1">
    <div id="colr1containertop">
    <p>&nbsp;</p>
    
    
    	
    </div>
    
    
    
    <div id="colr1container">
    
    <div id="resume_navcontainer">
    	<ul id="resume_navlist">
    	<li id="active"><a href="#" id="current">Work Experience</a></li>
    	<li><a href="http://jcl34.freeweb7.com/resume_objective.html">Objective</a></li>
    	<li><a href="http://jcl34.freeweb7.com/resume_education.html">Education</a></li>
    	<li><a href="http://jcl34.freeweb7.com/resume_contactme.html">Contact Me</a></li>
    	</ul>
    	</div>
    
    
    
    <p class="rest">Rainforest Café Fairfax, VA</p>
    <p class="job">Lead line cook</p>
    <p class="date">July 1997 - Aug. 1999</p>
    
    
    <p class="chef">Managed a kitchen of 12 to 15 line cooks, and a floor crew of 
    10 food runners, and 4 food expediters. I operated the main ticket machine and plated food. The Rainforest Cafe 
    had a customer turn over of about 400 covers per hour, and I would work 8 to 12 hour overtime 
    shifts for both the lunch rush, and the dinner rush. I also trained for kitchen management, and helped train others to be the lead line cook. 
    Some days I would work both the grill and the main ticket machine at the same time, in this fast paced high volume kitchen.</p>
    
    
    <p class="rest">Zinzino's Ristoranté San Francisco, CA</p>
    <p class="job">Woodfired pizza, Pantry, Expo.</p>
    <p class="date">July 1998 - Nov. 1999</p>
    
    <p class="chef">Plated and prepared all of the pantry items and woodfired pizzas in an artistic style, using creative garnishes in this trendy SF restaurant. 
    When working the wood fired pizza oven, I kept it at a perfect cooking temperature for flatbreads, pizzas, and calzones. 
    Zinzino's prepared most of their menu items in two very large wood fired ovens, I worked the pizza oven and helped plate food from the entree side. 
    I worked three different stations, Pizzas, Pantry, and Plating food, and kept my stations fully stocked and preped for my shift, and the next. 
    I mostly worked in the pantry station, using a small convection oven for hot desserts and certain appetizers. 
    Every day I would create a special appetizer of heirloom tomatoes, and a new garnish for the soup dé jour. 
    Zinzino's was an upscale Italian bistro located in the Marina district of San Francisco, 
    and we worked in an open kitchen environment.</p>
    
    
    <p class="rest">Grazie’s Ristoranté Lake Tahoe, CA</p>
    <p class="job">Grill cook, Expo., Woodfired pizza, Sauté</p>
    <p class="date">Aug. 1994 - July 1997</p>
    
    
    <p class="chef">Created daily specials and prepared dinners from a gourmét menu of traditional Northern Italian entree's. 
    We used fresh produce from Northern California, and were a popular fine-dining, Après-ski tourist destination, with a beautiful view of lake Tahoe. 
    As one of their strongest cooks, I always maintained fully stocked stations and helped the prep-cooks. 
    During the slow season I would work three stations alone, and open and close the kitchen 
    with no help. The three years I spent cooking there, I learned to properly use a woodfired pizza oven, 
    a woodfired rotisserie for roasted rosemary chickens, a wood smoker for smoked salmon, and all the kitchen tools used daily 
    like Hobarts, cuisinearts, grease fryers, and steam tables. I also developed excellent knife skills and maintained the daily cleanliness of the 
    walk-in refrigerators and storage areas, as well as the entire kitchen. Grazie's was an open kitchen environment and it was always important to stay clean and quiet.</p>
    
    
    <p class="rest">Casa Nova Maui, Hawaii</p>
    <p class="job">Bar back, Busser</p>
    <p class="date">Jan. 2001 - March 2001</p>
    
    <p class="chef">Bar backed and bussed tables at this up-country restaurant in Maui, Hawaii. I also helped the waitstaff run food and 
    make sure the restaurant was clean and ready for the opening dinner shifts.</p> 
    
    
    <p class="rest">Donna's Cafe M st. Washington, D.C.</p>
    <p class="job">Pantry cook, Room service cook</p>
    <p class="date">Sept. 2001 - Dec. 2001</p>
    
    <p class="chef">Prepared pantry items for both the lunch and dinner shifts, as well as cooking and plating all room service orders that came 
    in from the St. Gregory Hotel's room service menu. When it was slow, I would help prep for our next night shift, as well as for the daytime cooks. 
    Donna's Cafe was located in the St. Gregory Hotel in downtown Washington D.C., at 2033 M Street NW, 
    in the Dupont Circle area.</p>
    
    
    <p class="rest">Temp. kitchen work Lake Tahoe, San Francisco, N.Y.C., Hawaii, D.C.</p>
    <p class="job">All kitchen positions, part-time help, coffee barista positions, and catering</p>
    <p class="date">1996 - 2006</p>
    
    <p class="chef">I have held many short term and part time positions over the last 14 years. 
    I also have done construction and landscaping. My last 6 years I have spent traveling the U.S. as well as Mexico, Europe, and Hawaii, so most 
    of my work has been temporary.</p>
    
    
    
    
    
    </div>
    
    
    
    
    <div id="colr1containerbottom">&nbsp;</div>
    
    
    
    
    
    
    
    
    
    </div>
    
    </div>
    
    
    
    
    
    
    <div id="footer">
    <p class="funk1">&nbsp;</p>
    </div>
    
    
    
    </div>
    
    
    </body>
    </html>

  2. #2
    SitePoint Enthusiast FKAC's Avatar
    Join Date
    Jan 2006
    Location
    Alexandria, VA
    Posts
    62
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sorry, I couldn't find the edit option... it's been a while since I've been on this forum...

    But this is the css with the parts that I don't use edited out from when I changed my columns:

    Code:
    body {
    	background-color:#000000;	
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif', 'Lucida Sans';
    	text-align: center;	
    	}
    	
    	*{margin:0;padding:0;}
    
    	
    
    	
    	#wrapper {
    	width:888px;
    	margin-right: auto;
    	margin-left: auto;
    	border:2px solid #000000;
    	line-height:150%;
    	text-align:left;
    	background: url('blahblah.jpg') repeat-y fixed center;	
    	}
    
    	
    
    
    	#mainphoto {
    	background:url('crimecolbalt.jpg');
    	height: 133px;
    	width:100%;
    	}
    
    	#shadow {
    	background:url('blah2b.jpg');
    	height: 21px;
    	width:100%;
    	}
    	
    
    	
    	
    	#nav {
    	background-color: #000000;
    	width:100%;
    	height: 24px;
    	
    	/*border: 0px;
    	padding-top: 0px;
    	padding-bottom: 0px;
    	padding-left: 0px;*/
    	}
    	
    	#navlist li {
    	display:inline;
    	
    	/*padding-right: 33px;
    	padding-left: 0px;
    	border:0px;
    	*/
    	text-decoration:none;
    	}
    	
    	head+body #navlist:after {
    	content: "."; 
    	display: block; 
    	height:0; 
    	clear: both; 
    	visibility: hidden;
    	}
    	
    	#navlist a {
    	float:left;
    	text-decoration:none;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';
    	color: #f78b18;
    	font-size:14px;
    	font-weight:bolder;
    	padding: 0px 37px 0px 34px;
    	}
    	
    
    	#navlist a:hover {
    	color: #a0b4b3;
    	}
    
    
    	
    
    
    
    	p.cheech {
    	color:#000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';
    	font-size:15px;
    	font-weight:bold;
    	line-height:140%;
    	text-align: justify;
    	padding: 0px 20px 0px 20px;
    	}
    
    	p.cheech3 {
    	color:#000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';
    	font-size:15px;
    	font-weight:bold;
    	line-height:140%;
    	text-align: justify;
    	padding: 40px 20px 0px 20px;
    	}
    	
    
    	p.cheech2 {
    	color:#000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';
    	font-size:15px;
    	font-weight:bold;
    	line-height:140%;
    	text-align: justify;
    	padding: 40px 20px 0px 20px;
    	}
    	
    
    	
    	
    
    	
    
    	
    
    
    
    
    
    	p.and {
    	color: #000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';
    	font-size: 14px;
    	font-weight: bolder;
    	line-height: 140%;
    	text-align: justify;
    	}
    
    	
    	
    	p.chong {
    	color: #000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';	
    	font-size: 15px;
    	font-weight: bold;
    	line-height: 140%;
    	text-align: justify;
    	}
    
    
    	a:link {
    	color:#f78b18;
    	text-decoration: none;
    	}
    	a:visited {
    	color:#f78b18;
    	text-decoration: none;
    	}
    	a:hover {
    	color:#73a689;
    	text-decoration: underline;
    	}
    	a:active { color:#f78b18;}
    	
    	#shadowf {
    	background:url('blah1f.jpg');
    	height: 49px;
    	width:100%;
    	}
    	
    	#footer {
    	clear:both;
    	height: 21px;
    	width:100%;
    	background: url('blah2foot.jpg');
    	}
    
    #footer a {
    	
    	text-decoration:none;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';
    	color: #f78b18;
    	font-size: 8px;
    	font-weight:bolder;
    	
    	
    	}
    	
    
    	#footer a:hover {
    	color: #a0b4b3;
    	text-decoration: underline;
    	}
    
    	
    	p.funk {
    	color: #000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';
    	font-size: 7px;
    	font-weight:bolder;
    	padding-top: 9px;
    	padding-bottom: 4px;
    	padding-left: 21px;
    	}
    
    
    	/* this is for the resume */
    
    
    #colr1 {
    	float:left;
    	width:888px;
    	
    	}
    	
    	
    	
    	#colr1containertop {
    	background:url('bartendfadepixel.gif') top left no-repeat;
    	margin: 13px 24px 0px 24px; 
    	padding: 0px 0px 0px 0px;
    	width: 840px;
    	height:133px;
    	
    	
    	}
    
    
    
    	#colr1container {
    	background:url('840middle.gif')  repeat-y;
    	margin: 0px 24px 0px 24px; 
    	padding: 0px 0px 0px 0px;
    	width: 840px;
    	
    	
    	}
    
    
    
    	#colr1containerbottom {
    	background:url('840bottom.gif') bottom left no-repeat;
    	margin: 0px 24px 24px 24px; 
    	padding: 0px 0px 0px 0px;
    	width: 840px;
    
    	}
    	
    
    
    
    p.chef {
    	color:#000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';
    	font-size:13px;
    	font-weight:light;
    	line-height:140%;
    	text-align: justify;
    	padding: 0px 20px 15px 240px;
    	}
    
    p.resumelinks {
    	color:#000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';
    	font-size:12px;
    	letter-spacing: -1px;
    	font-weight:light;
    	line-height:140%;
    	text-align: center;
    	padding: 0px 20px 20px 20px;
    	}
    
    p.rest {
    	color:#000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'sans-serif', 'Helvetica';
    	font-size:15px;
    	letter-spacing: -1px;
    	font-weight:bolder;
    	line-height:100%;
    	text-align: justify;
    	padding: 15px 30px 0px 30px;
    	}
    
    p.job {
    	color:#000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'sans-serif', 'Helvetica';
    	font-size:15px;
    	letter-spacing: -1px;
    	font-weight:light;
    	line-height:100%;
    	text-align: justify;
    	padding: 0px 30px 0px 30px;
    	}
    
    
    p.date {
    	color:#000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'sans-serif', 'Helvetica';
    	font-size:15px;
    	letter-spacing: -1px;
    	font-weight:bolder;
    	line-height:100%;
    	text-align: right;
    	padding: 0px 35px 0px 35px;
    	}
    
    	
    p.funk1 {
    	color: #000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';
    	font-size: 8px;
    	font-weight:bolder;
    	padding-top: 5px;
    	padding-bottom: 5px;
    	padding-left: 1px;
    	}
    
    
    p.address {
    	color:#000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';
    	font-size:15px;
    	letter-spacing: -1px;
    	font-weight:bolder;
    	line-height:100%;
    	text-align: justify;
    	padding: 15px 30px 0px 30px;
    	}
    
    
    p.address2 {
    	color:#000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';
    	font-size:15px;
    	font-weight:light;
    	line-height:140%;
    	text-align: justify;
    	padding: 10px 33px 3px 33px;
    	}
    
    
    
    p.elinks {
    	color:#000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';
    	font-size:15px;
    	letter-spacing: -1px;
    	font-weight:light;
    	line-height:100%;
    	text-align: justify;
    	padding: 0px 30px 0px 33px;
    	}
    
    p.phone {
    	color:#000000;
    	font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';
    	font-size:15px;
    	letter-spacing: -1px;
    	font-weight:light;
    	line-height:100%;
    	text-align: right;
    	padding: 0px 35px 0px 35px;
    	}
    
    
    #resume_navcontainer
    {
    font-family: 'Arial', 'Browallia New', 'Verdana', 'Helvetica', 'sans-serif';
    padding: 0px 0px 0px 0px;
    margin: 0 auto;
    width: 773px;
    
    }
    
    #resume_navlist
    {
    width: 73%;
    text-align: center;
    margin: 0 auto;
    padding: 5px 0px 0px 0px;
    text-indent: 0;
    list-style-type: none;
    border-bottom: 1px solid #f78b18;
    }
    
    #resume_navlist li
    {
    padding: 5px;
    margin: 0;
    text-indent: 0;
    display: inline;
    }
    
    #resume_navlist li a
    {
    letter-spacing: -1px;
    text-decoration: none;
    color: #000000;
    font-size: 15px;
    font-weight:light;
    padding: 0px 12px 0px 12px;
    border-top: none;
    }
    
    #resume_navlist li a:hover,#navlist a#current
    {
    color: #f78b18;
    border-bottom: none;
    font-size: 15px;
    }
    
    #resume_navlist a#current { color: #a0b4b3; }

  3. #3
    SitePoint Evangelist Karpie's Avatar
    Join Date
    Jul 2007
    Location
    Perth, Australia
    Posts
    445
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    There's a Firefox 3?

  4. #4
    SitePoint Wizard bronze trophy bigalreturns's Avatar
    Join Date
    Mar 2006
    Posts
    1,295
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    FF3 in is beta2 stage at the moment. OP: I wouldn't worry about FF3 issues until it is released. Any major differences will be heavily discussed at that point, and any workarounds will appear quickly. In the meantime make sure your CSS is correct (there are some probably unrelated validation errors when I checked). If you could elaborate on how it looks "funny" as well that would be great - I don't have FF3 installed.
    "The proper function of man is to live - not to exist."
    Get a Free TomTom


  5. #5
    SitePoint Member
    Join Date
    Jan 2008
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    it's in beta at present but you can download it

  6. #6
    SitePoint Enthusiast FKAC's Avatar
    Join Date
    Jan 2006
    Location
    Alexandria, VA
    Posts
    62
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    @ bigalreturns

    @ bigalreturns:

    Thanks for checking the css. I remember when I made this site last year, it checked out perfectly for xhtml.


    It seems to work for every browser except Firefox 3 (and Swiftfox 3).


    Here are two screenshots of the problem:

    http://i144.photobucket.com/albums/r...nshot-19-1.png
    http://i144.photobucket.com/albums/r...eenshot-20.png


    This is also a page that does browser tests (It shows the Firefox 3 error differently): http://browsershots.org/http://jcl34...com/index.html


    It seems that the wrapper image isn't showing as the solid 888 pixels wide image that it does in all other browsers.


    The image for the "wrapper" is 888x1 pixels, and repeated to create a background behind my rounded corner boxes. The gradient image that fades into the wrapper (at the top) is the "shadow" and it is at the top, the bottom image (that does the same thing) is the "footer". That might be the problem. The "shadow" and "footer" images are 888x21 pixels and were only added to give that glossy look to the top and bottom of the resume page. I might try removing them to see if it shows correctly in Firefox 3 since it isn't really needed.


    Or maybe I'll just leave it as is, and hope that the restaurants I apply to are only using stable browsers... (most probably use IE anyway).

  7. #7
    SitePoint Wizard bronze trophy bigalreturns's Avatar
    Join Date
    Mar 2006
    Posts
    1,295
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm not enough of a CSS man to help you with the issue in current browsers to be honest, let alone new ones! I do think it's a safe assumption to make that 99.99&#37; of people will not be using FF3, and that 0.01% that do will not think poorly of you if the issue only occurs in that browser. People using it will not expect websites to render perfectly in it yet.
    "The proper function of man is to live - not to exist."
    Get a Free TomTom


  8. #8
    SitePoint Enthusiast FKAC's Avatar
    Join Date
    Jan 2006
    Location
    Alexandria, VA
    Posts
    62
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Very true. Thanks.

  9. #9
    SitePoint Wizard drhowarddrfine's Avatar
    Join Date
    Aug 2005
    Posts
    3,438
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by crimesaucer View Post
    Or maybe I'll just leave it as is, and hope that the restaurants I apply to are only using stable browsers... (most probably use IE anyway).
    In the US, 1 out of every 5 users do NOT use IE.

  10. #10
    SitePoint Member
    Join Date
    Dec 2007
    Posts
    24
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    In this particular case I would rather worry about cranky design and document structer issues and resume text itself than any "bugs" with the browser nobody uses.

  11. #11
    SitePoint Wizard bronze trophy DaveWoods's Avatar
    Join Date
    Dec 2004
    Location
    Derbyshire - UK
    Posts
    2,651
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    As others have said, I wouldn't worry too much about Firefox 3 just yet. It's only in beta so people shouldn't be using it for their daily browsing just yet as it could still contain some bugs.

    Make sure it works fine in Safari3 (possibly 2 as well although depends on your audience), IE7, IE6, Opera and Firefox and you should be fine.

  12. #12
    SitePoint Wizard Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,287
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    Any restaurant using FireFox 3 to browse has a nerd of some kind on board, who is using it for personal pleasure/bug squashing reasons, and will check your sit in any finished and stable browser anyway. The FireFox download page is always going to have the most stabel release for people, and will not be just sitting there for Joe's Cafe to accidentally download and install without knowing very well that a browser in Beta will render stuff wrong.

    Look at all the differences between the Beta IE7 (where there are more complaints of problems) than what actually shipped and was stable. Lots of people had the beta IE7, true, but they were nerds and knew better when a site didn't look right.

    So relax .


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •