7 replies [Last post]
trond.rud
Offline
Enthusiast
Last seen: 15 years 24 weeks ago
Joined: 2006-03-15
Posts: 64
Points: 0

I have finally pulled togheter a fluid 2 column anyorder source layout, thx to this great forum and help from users, I must mention Hugo agian. He helped me get on track, and showed me that simplicity is King.

Layot looks good in FF and IE win. I do not have other browsers installed, so I hope people can check the design in various brwosers and make a post letting me know if your browser displays correct or similar to what it looks like in FF and IE.

I hope you can write what brwoser you usesd, along with version number. If there are browsers that display/render page incorrect a screenshot would be of much help.

Here are the site; http://mytest.com.85.seekdotnet.com/2col.html

Btw; I would like to get feedback even if there is no error, just so I get peace of mind knowing for sure which browsers it works in.

DanA
DanA's picture
Offline
Elder
Last seen: 11 years 37 weeks ago
Timezone: GMT+2
Joined: 2004-08-14
Posts: 1087
Points: 2

Minor padding problems and

Minor padding problems and gaps with
KHTML/3.4 (Konqueror)
Opera 9

Layout not centered with IE5 and IE 5.5
Broken layout with Opera 8

Validate your html, the comments generate errors

trond.rud
Offline
Enthusiast
Last seen: 15 years 24 weeks ago
Joined: 2006-03-15
Posts: 64
Points: 0

DanA wrote:Minor padding

DanA wrote:
Minor padding problems and gaps with
KHTML/3.4 (Konqueror)
Opera 9

Layout not centered with IE5 and IE 5.5
Broken layout with Opera 8

Validate your html, the comments generate errors

Markup corrected. It does now validate;http://slush.notlong.com
Maybe the corrected markup makes the browsers render correct now?

Otherwise I will start looking for hacks.

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

This thread's been moved

This thread's been moved here and I deleted your duplicate thread.

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

DanA
DanA's picture
Offline
Elder
Last seen: 11 years 37 weeks ago
Timezone: GMT+2
Joined: 2004-08-14
Posts: 1087
Points: 2

It makes no

It makes no difference.

Quote:
Otherwise I will start looking for hacks

Centering the layout with IE5.x shouldn't be difficult.
There must be a rounding error with border-top-width:.3em in #footer
I wouldn't take care of Opera 8.

trond.rud
Offline
Enthusiast
Last seen: 15 years 24 weeks ago
Joined: 2006-03-15
Posts: 64
Points: 0

DanA wrote:It makes no

DanA wrote:
It makes no difference.
Quote:
Otherwise I will start looking for hacks

Centering the layout with IE5.x shouldn't be difficult.
There must be a rounding error with border-top-width:.3em in #footer
I wouldn't take care of Opera 8.

Centering the layout would be done with applying the text-align: center; to the body, right?

For the rounding error it seems to work just fine in FF and IE 6.0.29, I read up on the problem, but have not found an easy to apply solution.
Any tips regarding Rounding Error problem?

Why would you leave out opera 8? Too few people using opera 8? Or does the fix for that browser introduce things that might cause more mainstream browsers to fail?

I have now corrected the css, so it should overcome the centering problems in IE 5.x

DanA
DanA's picture
Offline
Elder
Last seen: 11 years 37 weeks ago
Timezone: GMT+2
Joined: 2004-08-14
Posts: 1087
Points: 2

Layout is now centered in ie

Layout is now centered in ie 5.x

#content, #leftnav
	{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}

breaks the layout with opera 8.x (opera 8 users are asked to update to the free opera 9 version)
IE would prefer width 80% for footer (that won't change the display in other browsers)

trond.rud
Offline
Enthusiast
Last seen: 15 years 24 weeks ago
Joined: 2006-03-15
Posts: 64
Points: 0

DanA wrote:Minor padding

DanA wrote:
Minor padding problems and gaps with
KHTML/3.4 (Konqueror)
Opera 9

Any tips for fixing these errors, or could this also be the Rounded Errors? Googling have not pinned in yet.
Maybe if someone knows what the two errors are called, it will be easier for me to find what fix to apply.

Btw, after trail and errors changing the width of the footer I still belive
80.1% is the width that looks best overall, both in FF and IE. This might just have to due to my LCD screen res of 1400x1050 so I will pay a visit to my neighbour later today and try to make the same changes in a various screen res settings.

Btw I will change the borders as well, and try to see if I can spot the rounding errors problems.