Jump to content


  • Content Count

  • Joined

  • Last visited

Community Reputation

1 Neutral

About talvi

  • Rank
  1. Understood, but what of the display on pc browsers? How can I get rid of the white background associated with the menu text and make it scroll together with the images? I think this points the way but I do not understand enough to decipher what's happening (on the pc not the handheld) update:...ok, again not understood, properly, Getting rid of the "background fixed" in #bannerContainer sorted out the white space on the pc, while leaving the "relative" in the class for the menu text aligned that properly. A series of "&nb sp" without spaces between them forced the menu text to display o
  2. Hiya Losing the fixed banner on handhelds isn't a problem. I deleted that (and some other things) but couldn't get rid of those two problems. What am I misunderstanding here? Why are the menu items jumbled up on the handheld, and why is there that white space (and the menu at the top of the screen) on the pc? p.s. I had got rid of the div that enclosed the menu text and managed it's positioning. Adding it back in for the handheld results in the menu text moving down ontop of the grey band but the two words are still jumbled. On the pc putting it back in had no effect.
  3. I'm lost again! I want to get the page (http://phoenixchange...newIndex000.php) to display "more or less right" on a handheld. It's all fine except for the banner header. I used two different stylesheets but my Nokia doesn't recognize the "handheld" media type so for testing I've used the same code for both stylesheets. I got rid of the fixed banner and stripped it down. (it validates). The last thing I did was change the #banner_text postion to Relative. That moved things forward a bit but now.: 1. ScreenThe menu text is now at the top of the white space instead of sitting on top of th
  4. That explanation is the lightbulb moment! I've just moved the comment under the first php require!!! Bingo!! Thanks for staying with it
  5. I've tested the code on the validator and, after ironing out a couple of errors, both the html and the css are valid, but although the page displays perfectly in Firefox it looks a mess in IE. It's at: http://phoenixchange...newIndex000.php I've tested it on Litmus and their result is the same as what I get. Ive attached two screen shots, showing the first two problems. One is of FF9.0.1 (screenshot from my machine) that shows what I want, and the other shows the Litmus test result of IE7. The three problems in IE are that: 1. The inline "menu" on the top of the grey banner and on the right
  6. Yeah, those are the errors it threw up for me but I corrected them before I posted. Just viewed the files on the server to double/triple check. Msybe it was a cache issue. To really nail it I tested the page in Litmus and took a screenshot of the result.As this has become (I think) a compatibility issue its off topic, so I'm going to post with pictures in a new thread in case it's helpful to anyone else here. Thanks for being there dsonesuk. I really appreciate it.
  7. Sorry! CSS and HTML now both validated, but it's made no difference. I changed that margin to padding but that made no difference either The banner isn't fixed in IE, but that isn't important. It's the giant white space and the misaligned menu that's the issue. So it's "just" the way IE is interpreting the markup. Problem is that most people who'll look at the page will be looking at it on IE :(Any more ideas on how to get IE to play ball?
  8. ... it's valid now but still the same problems in IE. Any ideas?This is a version without the php requires http://phoenixchange.com/sandbox/newIndex06.php It's validated ok.In FF this also works fine but in IE it's even worse than the php requires version, though why that should be I can't fathom as they're basically identical.
  9. Hiya, thanks. Is there a way of doing this or am I attempting something that's not possible in IE? Getting rid of the comment or inserting an empty div at the top does even weirder things it seems, though my brain has turned to mush.
  10. err.....maybe this should be another thread but, well all has gone well, in Firefox it all does as I think it should, but in IE ... arrrgghhhh! Two problems:1. The inline "menu" on the top and on the right of the window, slips inboard 2. The content of the page drops about 150px down from the fixed bannerIn my travels I came across something on problem 2. I think but now can't find it.The offensive pages can be seen here: http://phoenixchange.com/sandbox/newIndex000.phpAny ideas anyone? Thanks again.
  11. I thing this is great but then I don't know Notepad++ http://www.crimsoneditor.com/
  12. Yaaay dsonesuk ! Thank YOU!!! I am truly ecstatic ))) You have no idea. You've made a silk purses from a sow's ears and to me it is a thing of BEAUTY! Soooo simple (when you know how!) ... ...except, would you explain two things .. ?1. If I leave out the top,bottom,left,right variables in #bannerContainer then the banner is located further down the page (I get that) but it also shrinks to the width of the picture (which is the bit I don't get). I cannot predict/understand why putting values other than 0 gets the results it does.2. This is a tiny thing but you removed the closing tag of
  13. Hiya RegicideThanks, but no. Adding the class you suggest to the external style sheet and the emty div, moves the text outside of the header div. I want to locate that text at the bottom of the banner div, and I would also like the banner to be fixed.
  • Create New...