Wed, 2007-10-03 15:54
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
Wed, 2007-10-03 17:13
#1
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 ... 
Thu, 2007-10-04 03:49
#2
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.
Fri, 2007-10-05 09:40
#3
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
Fri, 2007-10-05 15:50
#4
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.
Fri, 2007-10-05 16:13
#5
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 
Fri, 2007-10-05 16:36
#6
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?
Mon, 2007-10-08 10:13
#7
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 
anyways as promised some validated code!
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?
Tue, 2007-10-09 09:07
#8
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?
Mon, 2007-10-15 14:51
#9
bump anyone?
bump
anyone?
Mon, 2007-10-15 16:09
#10
still having trouble ?
I see you have still not fixed the issue? have you given up on the problem?
Mon, 2007-10-15 18:36
#11
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.