11 replies [Last post]
mort
Offline
Regular
Luton UK
Last seen: 14 years 3 weeks ago
Luton UK
Joined: 2007-08-12
Posts: 29
Points: 0

Hey all

Having some crazy problems with CSS page layouts. I have built the page and it works and is all where it should be, but on certain browsers it works, where as other browsers it has some very strange issues.

Basically if you load the page it works, then if you refresh it sometimes works, sometimes doesnt, and if you highlight the address bar and hit enter it usually always breaks the way its displayed.

Elements appear out of place, floats that should all be next to each other start going below the previous, basically its all over the place and seems to be entirely at random

Even tho it appears random, this is quite a specific problem i imagine. So if anyone has heard anything similar and knows a solution that would be really helpful.

You can see the page at the following link
http://www.meloncreative.co.uk/folio3
its a bit of a mix of table layout and divs, just waiting to put the new site online (all divs) soon, just lots else going on

Barry
Barry's picture
Offline
Regular
Scotland
Last seen: 14 years 30 weeks ago
Scotland
Joined: 2007-01-15
Posts: 46
Points: 0

that nutts

i see the problem but i dont know what it is .. maybe the divs are too wide try reducing them by one pixel at a time.. Ive seen an issue like this with a couple of my own designs and i took a couple of pixels off all the divs that where in the line .. it may move them over a bit but it shouldn't shuv the end one down

if that dosnt work then i dont know ... Sad

I make websites .. for them... for money .. I LIKE to make websites for me...
For free

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

Start by validating that

Start by validating that html. You have way too many errors - no wonder browsers can't cope. You must understand that the CSS standard is written with valid html in mind. They don't specify how invalid code is to be displayed, or even if it is to be displayed.

Unless and until you feed browsers valid html you have no basis for any complaint about how any of them show your page.

And use a STRICT doctype for a new page, not transitional.

Ed Seedhouse

Posting Guidelines

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

mort
Offline
Regular
Luton UK
Last seen: 14 years 3 weeks ago
Luton UK
Joined: 2007-08-12
Posts: 29
Points: 0

the errors are coming up

the errors are coming up from the template, the actual content of the page itself are fine

I have redone the code all in valid html and css but moving it over is going to cause a lot of disruption, just wanted to get a couple of key pages up first like this one

will have a go at making things less wide

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

mort wrote:the errors are

mort wrote:
the errors are coming up from the template, the actual content of the page itself are fine

Then post your actual code. Take the template off line. Sorry, you just can't expose badly invalid code to browsers and expect CSS to work properly. That's just the way things are

Quote:

I have redone the code all in valid html and css but moving it over is going to cause a lot of disruption, just wanted to get a couple of key pages up first like this one

Then put them online somewhere else.

Ed Seedhouse

Posting Guidelines

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

Barry
Barry's picture
Offline
Regular
Scotland
Last seen: 14 years 30 weeks ago
Scotland
Joined: 2007-01-15
Posts: 46
Points: 0

expected it to be valid first

Hi, me again ....

I did not check your html for validity, or I would have said to validate first before posting. I had a quick look there and i see you are in the middle of changing stuff so ill look forward to the new improved page ... have fun Smile

I make websites .. for them... for money .. I LIKE to make websites for me...
For free

Triumph (not verified)
Anonymous's picture
Guru

Barry wrote:... I did not

Barry wrote:
... I did not check your html for validity ...

You shouldn't have to since it's one of the rules, eh?

mort
Offline
Regular
Luton UK
Last seen: 14 years 3 weeks ago
Luton UK
Joined: 2007-08-12
Posts: 29
Points: 0

ok sorry about my slackness,

ok sorry about my slackness, I am sure you all understand time constraints sometimes mess with being able to do things properly Wink

anyways as promised some validated code!

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.meloncreative.co.uk%2Findex2.php%3Fview%3Dfolio%26clients%3Dall

please beware that clicking any links will take you off of the "working" template, so please be sure you are using non mod_rewritten urls.

anyways I am still getting copius problems with the mini containers that hold each folio reference. I have tried making them smaller by a few pixels each, all the way up to no margin at all, still does the same thing so i dont think it is overflowing and breaking it that way

i really have no clue and would appreciate any help you can offer

i find a good way to break it is goto the link ( http://www.meloncreative.co.uk/index2.php?view=folio&clients=all ), then goto one of the folio entries, then pressing back on your browser. then instead of all the containers going next to each other nicely, they all appear at random tiling down and it looks a mess

any ideas?

mort
Offline
Regular
Luton UK
Last seen: 14 years 3 weeks ago
Luton UK
Joined: 2007-08-12
Posts: 29
Points: 0

aww come on, i validated my

aww come on, i validated my code, am playing by the rules now (as I will continue to)

please help! :blushing:

it only seems to have this issue in firefox, but its really annoying!

if you goto the page from another page it breaks completely, the floats seem to appear as they feel like it at the time (a mix between a single column, 2 columns, and then sometimes they attempt to lay themselves out in rows but with big gaps and makes it look a total mess)

the only times it seems to load properly is when you refresh the page, and then you get nicely arranged rows of floated divs (5 wide). anyone be a trooper and help me out?

mort
Offline
Regular
Luton UK
Last seen: 14 years 3 weeks ago
Luton UK
Joined: 2007-08-12
Posts: 29
Points: 0

bump anyone?

bump

anyone? Sad

Barry
Barry's picture
Offline
Regular
Scotland
Last seen: 14 years 30 weeks ago
Scotland
Joined: 2007-01-15
Posts: 46
Points: 0

still having trouble ?

I see you have still not fixed the issue? have you given up on the problem?

I make websites .. for them... for money .. I LIKE to make websites for me...
For free

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

If you want an answer it is

If you want an answer it is surely in your interest to make finding the problem and suggesting a fix as easy as possible. Instead you are asking us to visit your site and then click a bunch of links, and so far everyone seems to have been too busy or (particularly in my case) lazy to do that.

So why don't you put up a test page that shows the problem clearly? You might find the very act of doing that will show you how to fix it, as it so often does for me.
In any case you are then going to be more likely to get some serious attention to it as you obviously haven't been getting so far.

Ed Seedhouse

Posting Guidelines

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