CSS Forum

**pernes** · 05-31-2006, 10:37 AM

I have gone back a few steps to my post on 24/5/06 10:51am and still have the problem of the content spreading into the left and right columns?

**Mooofasa** · 06-01-2006, 06:10 PM

Get a temporary place for us to see the CSS/HTML in action and it will be alot easier to see where the problem is.

The CDATA is redundant crap from an automated script I ran. Just ignore it.

I put the XML decleration in, because at the time I was working on my own site. Sorry.

--mik

**pernes** · 06-05-2006, 09:51 AM

Hi thanks for the reply Twitch, I have managed to post the site in a temporary place and the link is http://www.wealden.gov.uk/0506.htm

although no graphics will show. In Firefox the page content is at the bottom , the footer at the top and the nav bar has the seach over to the right and part of the line missing. In IE the content is at the bottom and still a problem with the search box. I really appreciate your help and comments. Thanks

**LadynRed** · 06-05-2006, 01:37 PM

- #wrapper must have a defined width
- take off the clear: right and clear: left and use another float clearing method
- Use source order : #navleft, #wrapper, then #navright

Then you can either float: left all 3 containers or float the left nav and position the other 2 with margins.

**mgraphic** · 06-05-2006, 02:17 PM

Quote:

Originally Posted by LadynRed

Ok.. 2 things I see:
Get rid of the xml declaration that is above the DOCTYPE line. It's unnecessary and it throws IE into quirks mode. ANYTHING above the DOCTYPE line will throw IE into quirks mode.

Like how? - I've never seen this evident before, and I use IE all the time.

**LadynRed** · 06-05-2006, 03:18 PM

Try reading thru this:
http://css-discuss.incutio.com/?page=RenderingMode
The 2nd section after the heading " What Mode is this in ?"

Quote:

It is also worth noting that an XML declaration such as:
<?xml version="1.0" encoding="UTF-8"?>
at the top of XHTML documents will throw IE6 and Opera 7.0x into QuirksRenderingMode. The XML declaration is not required, so omit it unless you want IE6 and Opera 7.0x in QuirksRenderingMode.
Note: the XML declaration can be omitted only if you are encoding in UTF-8, UTF-16 or a subset of UTF-8 (like US-ASCII). If your document is in French and you do not use entities for your accented characters (you are therefore encoding in iso-8859-1), then the XML declaration is mandatory. -- StephanieBooth 01.03.2003
Correction: if you omit the XML declaration, you should specify the encoding through the right http-header :-) -- RalfMueller 12.07.2004
An XML declaration can also cause problems in other browsers: IE4/Mac can try to download instead of displaying a page with one, and some older browsers will display it as plain text.
If you want to force IE6 into quirks mode without using an XML declaration, try inserting a blank comment before the doctype declaration, like
<!DOCTYPE html PUBLIC ...>

**mgraphic** · 06-05-2006, 03:45 PM

Hmmm... Never knoew this, learn something new everyday!

**pernes** · 06-06-2006, 06:41 AM

Thanks I shall try out your suggestions. Sorry to appear so dim, when I went on a CSS course it all seemed so "easy", then it just goes all "pearshaped" when your out of the classroom, and when searching for examples they all appear to be done differently and then the browser issues to deal with... Urggg so frustration.
I hope you don't mind me asking LadynRed but could you link me to an examples of your work, hope you don't mind me asking?

**LadynRed** · 01:48 PM

I don't mind, I've got sites out there and more coming on line in the coming months. Should have 3 more ready to roll in a couple of weeks. Here' a sample;

www.dallasmedicalspecialists.com
www.phgjohnstonwillis.com
www.stonecrestfp.com
www.onesourcemed.com - converted from an ugly tables-based CMS mess to CSS as an interim solution until the re-design is completed.

www.answers4gis.com

I do lots more, but for our intranet only.