14 replies [Last post]
FruitBatInShades
FruitBatInShades's picture
Offline
Enthusiast
Last seen: 10 years 22 weeks ago
Timezone: GMT+1
Joined: 2005-08-25
Posts: 52
Points: 2

I have a site that has a few display issues! Problem is not everyone sees it. Can you guys see if you see it and offer any ideas on how to fix it?

1. Size your browser smaller than your screen.
2. goto http://www.telfordbusiness.co.uk in IE6
3. change window to full size and watch as the page content and menu stay where they are while the rest of the page reformats!!

This is annoying the hell out of me. It doesn't always happen. The other way to see it is to just resize your browser window by dragging. As soon you refresh the page it all draw correctly. Its like ie is forgetting to move the menu and content divs.!

There are a load of stylesheets (dynamic on each page) but the layout one is http://www.telfordbusiness.co.uk/css/tbpLayout1.css

FruitBatInShades
FruitBatInShades's picture
Offline
Enthusiast
Last seen: 10 years 22 weeks ago
Timezone: GMT+1
Joined: 2005-08-25
Posts: 52
Points: 2

IE moves divs out of place?

Sniff! No one had a chance to check this out for me? :roll:

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 1 day 3 hours ago
Joined: 2004-06-30
Posts: 9679
Points: 815

IE moves divs out of place?

You're lucky, 21 minutes earlier and I'd have been on you like a shot for double posting Laughing out loud

Give it time, we're all volunteers and have real lives, you know.

And the rolleyes smiley isn't going to do you any favours, either.

Verschwindende wrote:
  • CSS doesn't make pies

FruitBatInShades
FruitBatInShades's picture
Offline
Enthusiast
Last seen: 10 years 22 weeks ago
Timezone: GMT+1
Joined: 2005-08-25
Posts: 52
Points: 2

IE moves divs out of place?

Bump! Anyone had chance to look at this yet? I'm still stuck!

Didn't realise it was rolleyes, thought it looked like a confused smiley

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

IE moves divs out of place?

Do not ask us to help with problems until you have presented your layout without markup errors, we constantly are forced to re-iterate this point , validating markup is not difficult and tells you if the code is correct! FF will do this for you in the blink of an eye from within the browser with the help of the HTML-Tidy extension, there are really no excuses for un-validated markup unless it's to ask how to correct the errors.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

FruitBatInShades
FruitBatInShades's picture
Offline
Enthusiast
Last seen: 10 years 22 weeks ago
Timezone: GMT+1
Joined: 2005-08-25
Posts: 52
Points: 2

IE moves divs out of place?

Calm down there Hugo! This is the impossible mission, valid html from asp.net 1.1! I have re-written a lot of the ASP.Net framework for the system I am creating and am still new to css and xhtml (obviously using asp!)
I have validated the default page as best as I can. There are over 100 controls I need to ensure produce valid output and do not conflict like the menu control that was causing the problem before.

It is now valid apart from the utf-8 issue which I do not seem able to enforce at the moment. Any advice on that would be great, I have made IIS put it in the header but it seems to be ignored.

To re-iterate! Only http://ns.runtimeuk.com/tbp/default.aspx is valid right now. Could someone please have a look and see if they can figuire out why IE is not centering all the content.

Thanks

FruitBatInShades
FruitBatInShades's picture
Offline
Enthusiast
Last seen: 10 years 22 weeks ago
Timezone: GMT+1
Joined: 2005-08-25
Posts: 52
Points: 2

IE moves divs out of place?

to be honest, jst an idea of where to start looking would be good Smile

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

IE moves divs out of place?

What confuses me slightly is the way the entire page bar the outer container is wrapped in a form element is this really intentional? and what difference if any if you comment out the form elements or wrap all form elements in their own parent form.

Now to the issue of calmness, I was perfectly calm (until I saw that comment)

So it's the fault of ASP generating Invalid markup? sounds like one more reason not to use it then! PHP does not generate invalid markup the person writing it can make it do so though, still you managed to clear up most of the errors! so is it ASP or the coder at fault?

Valid markup isn't just asked for because we like to pick on people it is asked that markup validate for a dam good reason.

Fair enough you remark that your getting to grips with ASP and I'm sure it has manifest problems but that's a choice one makes in using it I guess, unless of course the choice is forced on you reluctantly in which case you have my sympathy.

The character encoding issue is that the validator needs to be able to read a meta character set in the head of the page, and pages should always have one even if it's redundant when using xhtml served correctly.

Anyway can we have less of the "calm down "remarks in the future as nothing is more likely to send me hopping about the place in abject fury Smile seriously!

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 1 day 3 hours ago
Joined: 2004-06-30
Posts: 9679
Points: 815

IE moves divs out of place?

Calm down Hugo! Tongue

Ill just go . . .

Verschwindende wrote:
  • CSS doesn't make pies

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

IE moves divs out of place?

Right, now I'm not only hopping around the room but gnashing my teeth as well

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

FruitBatInShades
FruitBatInShades's picture
Offline
Enthusiast
Last seen: 10 years 22 weeks ago
Timezone: GMT+1
Joined: 2005-08-25
Posts: 52
Points: 2

IE moves divs out of place?

<Rubs soothing cream on validation grazes>

jabberwocky
Offline
newbie
Last seen: 15 years 32 weeks ago
Joined: 2006-04-21
Posts: 8
Points: 0

IE moves divs out of place?

if i may make a suggestion, i would clean up the nesting of your markup. its difficult to read and may cause problems in hunting down format issues.

for the positioning, the elements moving individually of each other in IE, i would try wrapping the entire page in a div tag like;

<div id="site"> entire site in this </div>

then in your style sheet;

#site{
position:relative; 
left:50%; 
width:760px; 
margin-top:0px; 
margin-left:-380px;

}

the 'margin-left' is a bit of a hack that is supposed to be a negative number. it is to be half the width of your site, (as you can see that is 760px wide). this keeps the 'site' div tag centered in the browser window. hopefully this will help!

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

IE moves divs out of place?

jabberwocky the correct method of centering is margin auto on a outer wrapper.

@fruitbat, have you arrived at any answers ? have you tried adjusting the form tags?

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

FruitBatInShades
FruitBatInShades's picture
Offline
Enthusiast
Last seen: 10 years 22 weeks ago
Timezone: GMT+1
Joined: 2005-08-25
Posts: 52
Points: 2

IE moves divs out of place?

Not had chance at home. Will have a look at work tomorrow. Another possibility arises too. That the hidden viewstate fields are written outside of my control at the moment. I've had them upset layouts before!
The asp.net system itself is running quite a few different sites with various layouts and this is the only one that is showing this behavior so I guess its an IE, Asp.net, Css layout soup kinda problem. If I find an answer I will surely post it Smile I may go back to the old days and print the style sheets out for some bedtime perusal!!!

FruitBatInShades
FruitBatInShades's picture
Offline
Enthusiast
Last seen: 10 years 22 weeks ago
Timezone: GMT+1
Joined: 2005-08-25
Posts: 52
Points: 2

IE moves divs out of place?

I tried all sorts today including changing the form tag but to no avail! Might have to start over with the layout,trying a different technique, and try not to break the site !