37 replies [Last post]
Droog13
Offline
Regular
Last seen: 14 years 30 weeks ago
Joined: 2006-01-13
Posts: 18
Points: 0

Hello,

First I would like to state that I am very new to css and do not know the names of many items.

I am in the process of building a website but am having some trouble with FF.

http://soundconflictsolutions.com/test/home.html
http://soundconflictsolutions.com/test/who.html

Both these links seem to work fine.

http://soundconflictsolutions.com/test/contact.html

This page seems to jump ~5px to the right compared to the other 2 pages. This bug does not happen in IE. It does happen in Opera as well. As I do not know the names of many css related things I am finding it difficult to solve this problem myself.

I then noticed that the text within each of the middle div (the justified text) does not correspond with the justified text when viewed in another browser. Is this normal? Is this fixable?

Also, if any have any comments/advice/constructive criticism regarding the site it would be appreciated.

Thanks,
Droog

n8gz4ez
n8gz4ez's picture
Offline
Leader
Last seen: 11 years 28 weeks ago
Timezone: GMT-6
Joined: 2005-06-13
Posts: 802
Points: 0

alignment bug in FF

Isn't the scrollbar about 5 pixels wide? Laughing out loud

This is my big chance . . . yep, I blew it . . .

drhowarddrfine
Offline
Leader
Last seen: 10 years 36 weeks ago
Timezone: GMT-6
Joined: 2005-05-21
Posts: 764
Points: 0

alignment bug in FF

Actually it's 20px wide but, your right, that is what's happening.

IE7 is 10 years behind the standards or wrong.
But it works in IE!
IE is a cancer on the web -- Paul Thurott

n8gz4ez
n8gz4ez's picture
Offline
Leader
Last seen: 11 years 28 weeks ago
Timezone: GMT-6
Joined: 2005-06-13
Posts: 802
Points: 0

Re: alignment bug in FF

Droog13 wrote:
Also, if any have any comments/advice/constructive criticism regarding the site it would be appreciated.

Use text in your footer rather than an image.

This is my big chance . . . yep, I blew it . . .

Droog13
Offline
Regular
Last seen: 14 years 30 weeks ago
Joined: 2006-01-13
Posts: 18
Points: 0

alignment bug in FF

drhowarddrfine wrote:
Actually it's 20px wide but, your right, that is what's happening.

That makes sense. Any advice on how I should go about fixing it? Should I just extend the contact page down (maybe add a picture) or is there something I can do like locking the scroll bar so it will always load.

I am planning on changing the footer to text, I just havent gotten around to it yet.

Thanks for the help.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 42 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

alignment bug in FF

The links in your header are too close together so that it actually looks like a sentence.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Droog13
Offline
Regular
Last seen: 14 years 30 weeks ago
Joined: 2006-01-13
Posts: 18
Points: 0

alignment bug in FF

Okay, I have made the footer into text and have made the min-height of the middle to 400px which makes the scroll bar come up. I will find content to add to the page to fill the gap. I have loaded the new version onto the website.

Tyssen wrote:
The links in your header are too close together so that it actually looks like a sentence.

I have not been happy with the nav bar either, but I wasnt sure what to do with it. My thoughts were making the font 10pt, but then they didnt seem contrasting enough against the body text.

Also my friend told me to add this line to my body tag.
letter-spacing: .01em;

He is an accomplished web designer and he believes it looks good, I am not sure I agree. He also reccomended the 10pt/16pt font style (so the spacing between each line is larger). Do you agree with these additions or think it would be better with out them?

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 42 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

alignment bug in FF

Droog13 wrote:
Also my friend told me to add this line to my body tag.
letter-spacing: .01em;

He is an accomplished web designer and he believes it looks good, I am not sure I agree. He also reccomended the 10pt/16pt font style (so the spacing between each line is larger). Do you agree with these additions or think it would be better with out them?
I think letter spacing can look good on headings, but it's not really necessary on body type unless you're using a really narrow font in which case, you should probably think about using a wider font anyway.
As for 10pt/16pt, I think % & ems are better units to be working with on the web. I use something like 83%/140% generally.
About your nav bar, if you moved your logo up a bit to line up with the text in the header, you could then use the space underneath to extend your nav the full width of your layout. Then I'd probably put them against a different coloured background and make them bold.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Droog13
Offline
Regular
Last seen: 14 years 30 weeks ago
Joined: 2006-01-13
Posts: 18
Points: 0

alignment bug in FF

I have fixed the nav bar and made a few other updates. It has yet to be uploaded to the server. I got around the scroll bar problem and it works fine in both IE and FF but I get the 20px shift in Opera.

Heres the code I used in the .css to make the scroll bar always show up. Anyone know something that will have the same effect in opera?

overflow:-moz-scrollbars-vertical;

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 20 weeks 2 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

alignment bug in FF

overflow: scroll;

Laughing out loud

Verschwindende wrote:
  • CSS doesn't make pies

Droog13
Offline
Regular
Last seen: 14 years 30 weeks ago
Joined: 2006-01-13
Posts: 18
Points: 0

alignment bug in FF

thepineapplehead wrote:
overflow: scroll;

Laughing out loud

Where do I put that? would it be like this:

html {
overflow: scroll;
}

thanks Smile

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 6 years 23 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

alignment bug in FF

Droog13 wrote:
He is an accomplished web designer and he believes it looks good, I am not sure I agree. He also reccomended the 10pt/16pt font style (so the spacing between each line is larger). Do you agree with these additions or think it would be better with out them?

I can't believe an 'accomplished' web designer would recommend any point size - that's for print medium, not web.

Droog13
Offline
Regular
Last seen: 14 years 30 weeks ago
Joined: 2006-01-13
Posts: 18
Points: 0

alignment bug in FF

hehe, I should rephrase that. He is an accomplished web programmer Laughing out loud

Although I did agree with his point regarding why doing that, just so that reading long amounts of text would be easier, especially for middle aged people. And that is the majority of the target audience.


Also I made a few minor changes and added 2 pages so everything is active. Unless someone has any more criticism, once the content is finished I will be launching the site.

Thanks for everyone help.

Droog

Droog13
Offline
Regular
Last seen: 14 years 30 weeks ago
Joined: 2006-01-13
Posts: 18
Points: 0

alignment bug in FF

http://soundconflictsolutions.com/test/services2.html

On that page I have been playing around the a return to top command. I got the html and that is easy. But I am trying to figure out why the link is not classified in the .middle a:link, a:hover and .middle a:visited parts in my css and is instead effected by the a:link, a:hover and .a:visited parts.

The code is in the middle div so I am a little lost.

Thanks

Droog13
Offline
Regular
Last seen: 14 years 30 weeks ago
Joined: 2006-01-13
Posts: 18
Points: 0

alignment bug in FF

Im still having trouble with defining anchors within a web page.

If I define something as an anchor, the css turns it into a link (and even though its in the middle div is not effected by the .middle link references in the css.

Can any one give me a hand with this?

Thanks

fatfreddy
fatfreddy's picture
Offline
Enthusiast
Deep down under
Last seen: 13 years 3 weeks ago
Deep down under
Timezone: GMT+8
Joined: 2005-03-25
Posts: 390
Points: 0

alignment bug in FF

Why do you need anchors unless you have links pointing to them?

The only reason for time is so that everything doesn't happen at once
--Albert Einstein

Accessible webdesign Australia - webechodesigns

Droog13
Offline
Regular
Last seen: 14 years 30 weeks ago
Joined: 2006-01-13
Posts: 18
Points: 0

alignment bug in FF

Well I would have links pointing to my anchors, but if I cant get my anchors to work properly it seemed pointless to put in the links.

Once I got the anchors working, I would then add in the links to them.

fatfreddy
fatfreddy's picture
Offline
Enthusiast
Deep down under
Last seen: 13 years 3 weeks ago
Deep down under
Timezone: GMT+8
Joined: 2005-03-25
Posts: 390
Points: 0

alignment bug in FF

I assume you anchors will be these <u>Mediation.</u>

the easiest way is to add id's to them
<u id="mediation">Mediation.</u>

you can then link to them like this

<a href="#mediation">mediation</a>

These worjk from the same page, if you need to go from another page to each section use

<a href="yourpage.htm#mediation">mediation</a>

HTH

The only reason for time is so that everything doesn't happen at once
--Albert Einstein

Accessible webdesign Australia - webechodesigns

Droog13
Offline
Regular
Last seen: 14 years 30 weeks ago
Joined: 2006-01-13
Posts: 18
Points: 0

alignment bug in FF

Thanks for the help, I did not know about id="mediation"

However I dont think that totally fixes my problem. When I make links within my middle div it does not seem to use the middle a:link, a:hover and .middle a:visited tags within my css, instead it simply uses the a:link, a:hover and a:visited tags.

One interesting thing I noticed is that mailto links do follow the correct tags, but I need to double check that.

Here is the css code.

And thanks for the help Smile

body {
	font : normal bold 12pt Verdana, sans-serif; 
	color : #000; 
	background-color : #778877; 
	text-align: center;
	letter-spacing: .00em;
} 

html {
     overflow: -moz-scrollbars-vertical;
}


.main {
	width: 100%;
	padding: 0;
	margin: 0;
}

.container {
	width: 615px;
	height: 493px;
	margin: 20px auto 0px auto;
	padding: 0;
}

.top {  
	width: 615px;
	height: 125px;
	background: transparent url(top.gif) 0 0 no-repeat;
	padding: 0;
	margin: 0;
} 

.nav {
	width: 615px;
	height: 125px;
	background-color: transparent;
	padding-top: 90px;
	margin: 0;
} 

.nav ul {
	list-style-type: none;
	padding-left: 90px;
	margin: 0;
}

.nav li {
	display: inline;
	padding-left: 0px;
	margin: 0;	
}

.bottom {
	width: 615px;
	height: 25px;
	background: transparent url(bottom2.gif) 0 0 no-repeat;
	font : normal 10pt Verdana, sans-serif; 
	padding: 0;
	margin-top: -20px;
} 

.middle {
	font : normal 10pt/14pt Verdana, sans-serif; 
	color : #000; 
	text-align: center;
	width: 615px;
	min-height: 100px;
	margin: 0;
	padding: 0px 0px 0px 0px;
	background: transparent url(image.gif) 0 0 repeat-y;
} 

.middle ul {
	list-style-type: none;
	text-align: left;
	padding-left: 25px;
	padding-top: 25px;
	margin: 0;
}

.middle dir {
	list-style-type: bullet;
	text-align: left;
	padding-left: 40px;
	padding-top: 0px;
	margin-top: -20;
}


.middle li {
	padding-left: 0px;
	margin: 0;	
}

.middle a:link, a:visited {
	font: 10pt Verdana, sans-serif; 
	color: #000; 
	text-decoration : none; 
	padding: 3px;
} 

.middle a:hover {
	color: #000; 
	text-decoration: underline;
	background-color: #aabbbb;
	padding: 2px;
	border: 1px solid #d3d5b4;
}

a:link, a:visited {
	font: 11pt Verdana, sans-serif; 
	color: #000; 
	text-decoration : none; 
	padding: 5px;
	letter-spacing: .000em;
} 

a:hover {
	color: #000; 
	text-decoration: underline;
	background-color: #aabbbb;
	padding: 4px;
	border: 1px solid #d3d5b4;
}

fatfreddy
fatfreddy's picture
Offline
Enthusiast
Deep down under
Last seen: 13 years 3 weeks ago
Deep down under
Timezone: GMT+8
Joined: 2005-03-25
Posts: 390
Points: 0

alignment bug in FF

There are two problems that i can see

Quote:
.middle a:link, a:visited {
font: 10pt Verdana, sans-serif;
color: #000;
text-decoration : none;
padding: 3px;
}

.middle a:hover {
color: #000;
text-decoration: underline;
background-color: #aabbbb;
padding: 2px;
border: 1px solid #d3d5b4;
}

a:link, a:visited {
font: 11pt Verdana, sans-serif;
color: #000;
text-decoration : none;
padding: 5px;
letter-spacing: .000em;
}

a:hover {
color: #000;
text-decoration: underline;
background-color: #aabbbb;
padding: 4px;
border: 1px solid #d3d5b4;
}

Firstly your a:link etc should come first - before the .middle links

secondly in the bit i have highlighted red you need to add .middle to visited so it looks like this:

.middle a:link, .middle a:visited {
   font: 10pt Verdana, sans-serif;
   color: #000;
   text-decoration : none;
   padding: 3px;
}

otherwise you are just declaring middle link but the normal visited, whcih you then overide afterwards with the second a: visited

The only reason for time is so that everything doesn't happen at once
--Albert Einstein

Accessible webdesign Australia - webechodesigns

Droog13
Offline
Regular
Last seen: 14 years 30 weeks ago
Joined: 2006-01-13
Posts: 18
Points: 0

alignment bug in FF

Well I was finally sent all the finalized content. The site is now live.
www.soundconflictsolutions.com

I still have some work to do on it and it will be another week or so before I will be happy with it.

Thanks to everyone whos helped me out. I really appeciate it. Laughing out loud

fatfreddy
fatfreddy's picture
Offline
Enthusiast
Deep down under
Last seen: 13 years 3 weeks ago
Deep down under
Timezone: GMT+8
Joined: 2005-03-25
Posts: 390
Points: 0

alignment bug in FF

Just a quickie
don't forget to optimise the picture of Mailyn on http://www.soundconflictsolutions.com/who.html

its 135k at the moment, a little larger than it needs to be

Good luck with it all

[edit] and the picture on the FAQ page[/edit]

The only reason for time is so that everything doesn't happen at once
--Albert Einstein

Accessible webdesign Australia - webechodesigns

drhowarddrfine
Offline
Leader
Last seen: 10 years 36 weeks ago
Timezone: GMT-6
Joined: 2005-05-21
Posts: 764
Points: 0

alignment bug in FF

No doctype.
Your site won't validate.

IE7 is 10 years behind the standards or wrong.
But it works in IE!
IE is a cancer on the web -- Paul Thurott

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 42 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

alignment bug in FF

Need to get some info into your <title> tags too.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Droog13
Offline
Regular
Last seen: 14 years 30 weeks ago
Joined: 2006-01-13
Posts: 18
Points: 0

alignment bug in FF

What would be a good target size to get my photos down to?

50kb? 35kb?

Ive added titles to the pages, I will upload later today.

What does no doctype mean?

Thanks,
Droog

Edit: I am also thinking of adding a emailer form onto the contact page. Does anyone know of a good (free and easy to setup). I dont know any perl and very little php so I wouldnt trust myself in making or editing it myself.

rmfred
rmfred's picture
Offline
Elder
Rock Springs, WY
Last seen: 1 year 43 weeks ago
Rock Springs, WY
Timezone: GMT-6
Joined: 2004-01-31
Posts: 1073
Points: 31

alignment bug in FF

see drhowards link in his sig
http://www.w3.org/QA/2002/04/valid-dtd-list.html

fwiw: even one increase in text-size destroys the look of your menu

fatfreddy
fatfreddy's picture
Offline
Enthusiast
Deep down under
Last seen: 13 years 3 weeks ago
Deep down under
Timezone: GMT+8
Joined: 2005-03-25
Posts: 390
Points: 0

alignment bug in FF

Droog
foolow this link and i have optimised it in Fireworks down to 5.5k it still looks fine

http://www.webechodesigns.com/who_picsmall.jpg

[edit]the other pics you have used are there too ../faq_picsmall.jpg etc

I have written a little tutorial for someone already on how to optimise images in Macromedia fireworks (if you have it ) follow this link:
http://www.webechodesigns.com/optimise-images.htm

Of course, the same is possible in Photoshop and pretty much any reasonable photo editing program
[/edit]

Rule of thumb:
When optimising images make them as small as possible before you start losing quality

Let me know when you've downloaded them and i can take them off my server

Freddy

The only reason for time is so that everything doesn't happen at once
--Albert Einstein

Accessible webdesign Australia - webechodesigns

Droog13
Offline
Regular
Last seen: 14 years 30 weeks ago
Joined: 2006-01-13
Posts: 18
Points: 0

alignment bug in FF

Thanks man-that really helps me Smile

Edit: I have now downloaded those to my computer and have backed them up. Smile

Droog13
Offline
Regular
Last seen: 14 years 30 weeks ago
Joined: 2006-01-13
Posts: 18
Points: 0

alignment bug in FF

Edit: I have fixed the images in IE. For somereason IE wasnt responding to padding and only margin in those pages so I just changed padding to margin and it works now.

I have noticed the pictures do not come up correctly on the who, faqs, or services pages when using internet explorer.

http://www.soundconflictsolutions.com/services.html
.../who.html
.../faqs.html

Edit: I still do not understand the return to top bug though. I ran out of time to try to figure it out tonight, I will try again tomorrow.

Edit(2): Well it seems at least in IE that the return div is not being recognized. So that it is not working. I am not sure in opera as it recognizes the div but does not work. My guess is that as I never assigned what top was, opera didnt know what to do and ff recognized top.

Also the return to top I made on each page do not show up in IE and show up but do not work in Opera.

Here is my most recent css code. Below this I will post the services page.

body {
	font : normal bold 12pt Verdana, sans-serif; 
	color : #000; 
	background-color : #778877; 
	text-align: center;
	letter-spacing: .00em;
} 

html {
     overflow: -moz-scrollbars-vertical;
}


.main {
	width: 100%;
	padding: 0;
	margin: 0;
}

.container {
	width: 615px;
	height: 493px;
	margin: 20px auto 0px auto;
	padding: 0;
}

.top {  
	width: 615px;
	height: 125px;
	background: transparent url(top.gif) 0 0 no-repeat;
	padding: 0;
	margin: 0;
} 

.nav {
	width: 615px;
	height: 125px;
	background-color: transparent;
	padding-top: 90px;
	margin: 0;
} 

.nav ul {
	list-style-type: none;
	padding-left: 90px;
	margin: 0;
}

.nav li {
	display: inline;
	padding-left: 0px;
	margin: 0;	
}

.bottom {
	width: 615px;
	height: 25px;
	background: transparent url(bottom2.gif) 0 0 no-repeat;
	font : normal 10pt Verdana, sans-serif; 
	padding: 0;
	margin-top: -20px;
} 

.middle {
	font : normal 10pt/14pt Verdana, sans-serif; 
	color : #000; 
	text-align: center;
	width: 615px;
	min-height: 100px;
	margin: 0;
	padding: 0px 0px 0px 0px;
	background: transparent url(image.gif) 0 0 repeat-y;
} 

.middle ul {
	list-style-type: none;
	text-align: left;
	padding-left: 24px;
	padding-top: 25px;
	margin: 0;
}

.middle dir {
	list-style-type: bullet;
	text-align: left;
	padding-left: 40px;
	padding-top: 0px;
	margin-top: -20;
}


.middle li {
	padding-left: 0px;
	margin: 0;	
}

a:link, a:visited {
	font: 11pt Verdana, sans-serif; 
	color: #000; 
	text-decoration : none; 
	padding: 5px;
	letter-spacing: .000em;
} 

a:hover {
	color: #000; 
	text-decoration: underline;
	background-color: #aabbbb;
	padding: 4px;
	border: 1px solid #d3d5b4;
}

.middle a:link, .middle a:visited {
	font: 10pt Verdana, sans-serif; 
	color: #000; 
	text-decoration : none; 
	padding: 3px;
} 

.middle a:hover {
	color: #000; 
	text-decoration: underline;
	background-color: #aabbbb;
	padding: 2px;
	border: 1px solid #d3d5b4;
}

.exp a:link, .exp a:visited {
	font: 8pt Verdana, sans-serif; 
	color: #000; 
	text-decoration : none; 
	padding: 3px;
} 

.exp a:hover {
	color: #000; 
	text-decoration: underline;
	background-color: #aabbbb;
	padding: 2px;
	border: 1px solid #d3d5b4;
}

.return {
	padding: 0px;
	padding-bottom: 1px;
	margin-top: -25px;
}

.return a:link, .return a:visited {
	font: 8pt Verdana, sans-serif; 
	color: #000; 
	text-decoration : none; 
	padding: 3px;
} 

.return a:hover {
	color: #000; 
	text-decoration: underline;
	background-color: #aabbbb;
	padding: 2px;
	border: 1px solid #d3d5b4;
}

<html>
<head>
<title>Sound Conflict Solutions LLC - Services We Offer</title>
<link rel="stylesheet" href="styles.css" type="text/css">
</head>
<body>

<div class="container">
<div class="main">
	<div class="top">
	<div class="nav">
	<ul>
		<li><a href="index.html">Home</a></li>
		<li><a href="services.html">Services We Offer</a></li>
		<li><a href="who.html">Who We Are</a></li>
		<li><a href="faqs.html">FAQS</a></li>
		<li><a href="contact.html">Contact Us</a></li>
	</ul>
	</div>
	</div>
	<div class="middle">

<img src="services_picsmall.jpg" width="380" height= "100" style="float: right; margin-top: 25px; padding-right: 25px;">

<p style="margin-top: 0px; padding-top: 25px; padding-left: 25px; text-align: left;">
Sound Conflict Solutions offers its clients a variety of conflict resolution services.<br><br></p>

<p style="margin-top: -30px; padding: 25px; text-align: justify;">
<u id="mediation">Mediation.</u><br>We serve as neutral and impartial facilitators, assisting parties in conflict (and their legal counsel if they have retained attorneys) to communicate and negotiate with the goal of reaching a voluntary agreement that resolves the dispute. Mediation often results in a rebuilding of rapport between parties and a resumption of a productive relationship. We encourage parties to consider undertaking mediation early in their dispute.<br><br>

We offer mediation services to parties involved in employment or other civil litigation, workplace conflicts, family disagreements, divorce proceedings or community disputes. Our clients include businesses, schools and universities, nonprofit organizations, public sector agencies, families and individuals.<br><br>

<u id="settlement_conferences">Settlement Conferences.</u><br>We conduct settlement conferences with parties in litigation and their attorneys by communicating offers and counter-offers between them when face-to-face negotiations are not likely to result in an agreement. We use a variety of settlement tools designed to help litigants get to “yes” with an agreement that satisfies them and settles the case.<br><br>

<u id="group_facilitation">Group Facilitation.</u><br>We are skilled at facilitating group discussions in workplaces, schools, organizations and families, whether the topic is long-range planning, conflict resolution or creating something new. We assist groups in narrowing the focus of a goal or problematic issue into achievable steps with possible solutions for each.<br><br>

<u id="group_interventions">Group Interventions.</u><br>We provide intervention services for workgroups when there is a high level of conflict and little self-awareness of the reasons for the conflict. Interventions consist of a combination of interviews, mediation, facilitation, training and coaching in a caring, nonjudgmental manner designed to repair relationships and rebuild the group into a productive, well-functioning team.<br><br>

<u id="facilitated_conversations">Facilitated Conversations.</u><br>We assist parties who need to have a difficult conversation hold that conversation in a safe and neutral environment. Facilitated conversations are more informal and less structured than mediation and usually result in verbal rather than written agreements.<br><br>

<u id="consultation">Consultation.</u><br>We encourage businesses, agencies, schools and organizations to contact us before a disagreement or tough issue becomes a dispute or a lawsuit. While not giving legal advice, we do provide communication tools, strategy options and practical suggestions that our clients can use to address the underlying issues and solve the problem.<br><br>

<u id="training">Training.</u><br>We provide training to businesses, public agencies, schools and organizations about communication skills and conflict resolution tools. We also provide training on US and Washington state EEO and employment laws, regulations and best practices.<br><br>

<u id="coaching">Coaching.</u><br>We offer one-on-one consultation to assist clients to improve and broaden their leadership, communication and conflict management skills. We provide advice and guidance while helping clients develop new skills and ways of working when established management techniques have proven inadequate.

<div class="return"><p style="float=center"><a href=#top>Return to Top</a></div>
 
	</div>
	<div class="bottom"><p style="padding-top: 35px; text-align: center;">©2006 SOUND CONFLICT SOLUTIONS LLC<br>Helping people resolve<br>Workplace 	conflicts • Business disputes<br>Employment litigation <br>Family matters </div>
</div>
</div>

</body>
</html>

You can also get both those off the website.

I made this site using firefox so I rarely checked IE or Opera so I did not debug as I should have.

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 6 years 23 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

alignment bug in FF

Still no doctype, IE is in quirks mode which explains the differences in padding.

Droog13
Offline
Regular
Last seen: 14 years 30 weeks ago
Joined: 2006-01-13
Posts: 18
Points: 0

alignment bug in FF

wolfcry911 wrote:
Still no doctype, IE is in quirks mode which explains the differences in padding.

Do I just add the following into each of my html pages before I even have the <html> code?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 32 weeks 6 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

alignment bug in FF

Droog13 wrote:

Do I just add the following into each of my html pages before I even have the <html> code?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

I use a bit more:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

The meta tag tells the validator what character encoding you are using.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

Droog13
Offline
Regular
Last seen: 14 years 30 weeks ago
Joined: 2006-01-13
Posts: 18
Points: 0

alignment bug in FF

Well I am not using xhtml though, so would I want to just use what I had and then add in what you had for meta tags?

Also when running my html in the validator, I get a lot of errors. Most of them are from not closing tags (like when I use the <br> tag I give me an error because its not closed). Do I really need to work to get all my pages error free?

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 42 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

alignment bug in FF

If you want to go for a HTML 4 doctype, what you had is fine. You shouldn't get the errors for not closing tags like <br>s with a HTML 4 doctype.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 32 weeks 6 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

alignment bug in FF

Droog13 wrote:
Well I am not using xhtml though, so would I want to just use what I had and then add in what you had for meta tags?

Oh, sorry - I saw the "strict" and just sorta assumed xhtml. Wink

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

Droog13
Offline
Regular
Last seen: 14 years 30 weeks ago
Joined: 2006-01-13
Posts: 18
Points: 0

alignment bug in FF

Okay, I added doctype to all the pages and they have all been tested in IE and FF. I will test in opera and then I will upload them to the ftp.

How important is it to have my css and html be without errors in the validator?

Thanks,
Droog

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 42 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

alignment bug in FF

Droog13 wrote:
How important is it to have my css and html be without errors in the validator?

It depends on how thorough you want to be. The fewer errors, the more likelihood your design will appear as you want it on a variety of browsers and other devices.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Droog13
Offline
Regular
Last seen: 14 years 30 weeks ago
Joined: 2006-01-13
Posts: 18
Points: 0

alignment bug in FF

Ok, meta tags have been added to the index page and validation on all the pages. Everything has been uploaded to the website as well. I think the total site it around 65kb too.

Let me know if anyone has any last critiques as I am sure I could use them. My plan is to see if I can add a email form (not sure how to do it yet though) on the contact page and then I will be done with the site.

thanks
droog