Ie5 Mac Does Not See My Site - It shows the body bg image only...
Lozbo
Jan 25 2006, 01:51 AM
Remember that site layout I was hacking down for IE? Which by the way I didnt really like, but it was the customer's design... and yes, he is not a graphic designer hehe...
Anyway I was really surprised that I got to the solution and fixed it... but as I'm testing between browsers, I come to see that Internet Explorer in Mac does not show nothing of my page, yet the source code is there, if you click command + e in order to see the html source code, its all there! But all I can see from the page itself is the body background-image...
I tried removing the doctype and the xmlns attribute from the html tag and still didnt work... does some one know what is it? Every other browser works just fine, well I have not yet checked in Netscape but Ill do so right now...
Have you tried it without any styles? If it works, you know it's something wrong with your stylesheet. By the way, site shows up in IE5.01 & IE5.5 Windows but it's got some serious problems in both. And in Firefox you've got problems with content moving around when you hover over it.
Thanks tyssen! Can you be more specific with that problem in firefox? I did something on purpose in the Menu, but its does not move THAT much, at least for me hehe, and one question, do you have those browsers installed on your pc or do you emulate them? (if you do have them installed where can i get them?)
Your Inicio menu moves vertically when you hover over it. The word 'Inicio' moves too when you hover over it (looks like increased letter spacing). I'm generally not a fan of elements changing colour on rollover if they're not links (except for form elements). As for the browsers: http://browsers.evolt.org/?ie/32bit and how to set them up right: http://www.positioniseverything.net/articles/multiIE.html
Alright! Thanks, yes that Inicio menu is not actually suposed to be moving i think i can quickly fix that i think i know just how to do so... But the thing with this menu is to display something on rollover, this time it moves becouse of the border-top. And for that thing you say it changes the letter-spacing, I dont have any rule for that on the menu, but i have a #currentpage, which gives a font weight of bold...
I will be testing on it, as it only shows for firefox or other good browsers, and im pretty much sure the customer does not even know about it hehe so...
Thanks for that link, and about the word 'inicio' it doesnt move on my firefox (either mac nor pc).
I dont know what happened, i just went and checked this same page in another ie mac and it was perfectly showing (and it does show the page when i remove the stylesheet).
I think its a problem of my IE on this mac. It was something weird i remember, when i downloaded it... I'll reinstall it (although every other page i visited seems to be alright).
I'll take a look with those older browsers... do you know what could be happening? As far as im concerned I did everything just right, using that IE only css hack...
I'll take a look with those older browsers... do you know what could be happening? As far as im concerned I did everything just right, using that IE only css hack...
IE5 browsers implement a different box model from IE6 in standards mode. You also need to apply text-align: center to the containing element to get the site to centre (you have to set it back to left on a descendant element).
I copied the css and source to my iMac running IE5 and the page content shows up if you remove this line from the css:
HTML
* html {height: 100%;overflow:hidden;}
It might not solve all the quirks you are fighting, but at least I get some formatted text out of it. Of course, I didn't go so far as to download that opaque background which is all I saw when I went to your site, just like you, but it is a start. Unless that hack is in there for another Browser???
The roll-over on the right-hand menu fails unless the display is scrolled up just a couple of pixels. I've never seen that before, so I can't help much on it. I do have javascript enabled. Noticed that the last two links are js.
That Black box on the lower right is a mystery, too. Can't seem to find it in the code anywhere.(?) Do you see it? It doesn't scroll with the display, either.
Good Luck with it.
Might be the footer is displaying full width instead of stopping at the same location as the Main content.
Thanx for the info Tyssen! I kinda remember I saw something about that, something like that ware my early tryings to center a div through CSS only (without the align attribute), but then I got to know "margin:0 auto" hehe.
And jlhaslip also thanx for your recommendations, Im not at job right now but Ill try that tomorrow as soon as i get there (hiding that rule for IE Mac) and see what happens. Yes I think i know how to deal with that trouble, the menu going down on hovering, but I'm not worried much about it, the worse thing I could do is drop that ol:hover rule, which sets a border top and a border bottom.
That black box you are talking about, I dont know which is it... Unless you refer to the footer, and it is fixed so it wont scroll nor move, it is on purpose... but tell me what browser are you using (when you say that you see a black box on the lower right) ?
The footer is meant to be full width and not to stop at the same location as the Main content, as it was also meant to be (and in fact IS) the header, the only thing is that the header has an image as a background, and because of the image itself, I can not set it to repeat through the x axis. And I don't know also what you meant with that the on-hover doesn't work...
And yeah, there are some links with "javascript:;" as their href, but they do nothing... its just a dummy link, because instead of using "#" to set a link (for testing purposes...) I used this js sentence, which obviously does nothing... I saw this on a tutorial on a list apart I think, and the reason for this was to avoid getting back to the top of the page (whenever you are in the middle, horizontally) when you click an anchor which has javascript behaviours, so this way you'll stay where you clicked the link and then the popup appears, or whichever action was designated to execute... I hope you understand me, This has nothing to do with the css trouble but guess you'd like to know...
And thanks, Ill try out your suggestions tomorrow...
The exact same machine that is bothering you. IE5 Mac. And it is a different Browser than IE5Windows, so if you fix it for one, the other will act up. I played with it some more, but couldn't get the footer to stick on the viewport. It wants to go down to the bottom of the page. The jumping menu is from the padding and margins being different between the onhover and onmouseout states. If you use the same padding and margins for <a> and <a:hover>, it doesn't happen. I got it looking great in FF and Opera, but ie5 Mac and IE5Windows isn't even close. The top banner moves on scroll and the footer drops down to the bootom of page. I don't know how you are going to fix this. I couldn't find a Hack for it. Maybe you can. Let us know if you do... since I use the same Browser on one of my home machines, I might need it.
I'm generally not a fan of elements changing colour on rollover if they're not links (except for form elements).
About this Tyssen, I am a big fan of it, I hate that IE doesnt know the hover pseudo element but in an anchor. This is the way those list and sublist menus work in the good browsers right?
And is it normal that the installers are 80 MB? The installers for IE 501 and 55...
And as for what you say jhaslip I have not reviewed those issues, Im just about to install these browsers, but Im kinda afraid of doing so hehe. Anyway I checked the stats for the site, with google analytics and found this:
Internet Explorer 6 has the 95% of the people who uses IE. 5.01 has 3.29% and 5.5 has 0.72%, and it goes down from there, so I'm not THAT worried about those browsers, but Ill try to fix them.
The stats are from November 19 to January 24, with a total of 372,428 visits since then. IE (all versions) has over 95 %, and firefox only 2.82%. The next one is Safari with .51...
I still can't see my page on IE5Mac... wait, I thought that this hack was supposed to HIDE the rule from IE Mac... But its not doing it!
/* Fix IE5. Hide from IE Mac \*/ * html {...rules...} /* End Fix */
I read that the \ was an escaping character for Mac, and for that, the "end comment tag" was ignored by IE Mac, so it thinks that the everything 'till the next */... and the rule * html and whatevers next, is ignored by all good browsers but IE, because IE thinks that there is another element surrounding the html tag (but as we know, html is the ROOT tag so there is no other element before...)
Well i think those hacks I have been using are not at work hehe.. mmm does any one know something about this? or a real hack for IE Mac?
BTW: I know see that black box on the lower right... i think it is suposed to be the footer but... dont know how to fix it hehe
I meant about the menu items that have a sub menu, and in fact is a sublist, they not necesarly need to be a link because the css :hover works from the li itself, and not the anchor (you dont need it at all):
li:hover ul {display: block;}
That was what i was talking about when I said that this is the way those lists and sublists work in good browsers.
Those thing changing color on hover only works for good browsers, and I am sure that if some one is seeing this behaviours is because he is using a good browser, and must have already know this kind of things from sites that worry about them, like an 'extra' for non IE browsers. Ans as i am sure, most of the users (id say, more than ninety percent) won't be able to see this so they won't even notice...
The installers were for windows, and i was not successful in the installation, it gave me weird errors...
I have not tried that out, I'll take this hacks out.. but you know what I'm talking about right? That thing i think its called the 'holly hack' because it targeted only IE and left all browsers alone so we dont have to fix it again and again... It IS suposed to do that right?
Ok heres the scoop, i got a background that i made in paint for my website its just like 3 lines for
the nav bar, banner and other things ect. ect. now when i hosted it on a site and put in the This
is what it looks like in paint http://img.photobucket.com/albums/v614/Dj1.../background.jpg and
this is what it looks like when i put it into HTML
http://img.photobucket.com/albums/v614/Dj169211/Damn.jpg i dont want it tiled like that so is
there any way that i can change that? any ideas? :| Thanks in advance /smile.gif"
style="vertical-align:middle" emoid=":)" borde....
Anyone who wants to help me? I want my site to have this feature but I don't know how.
/sad.gif" style="vertical-align:middle" emoid=":(" border="0" alt="sad.gif" /> Hope you could me
with embedding these xml files in my wml pages.. Moved to the HTML, XML ect.. forum ....
Ok...another question...may sound stupid, but we're all stupid...how'd I be able to create
an image link. Uh...let me rephrase this: If I were to create an "Enter" image and wanted people to
click the image to enter to a certain page, how would I do it without some sort of the famous "Blue
Line" around it? Any help would be greatly appreciated... /unsure.gif"
style="vertical-align:middle" emoid=":unsure:" border="0" alt="unsure.gif" />....
I'm developing a new layout and so far, in my opinion, everything's going fine except for
one thing. That's the way in which the whole layout is aligned. In IE6, the entire thing aligns
beautifully in the centre whereas in firefox, it aligns leftwards. To get around this so far I'm
using this java script: CODE <script type="text/javascript"> if
(screen.width > 880 && navigator.appName !== "Microsoft Internet
Explorer") { window.resizeTo(880,window.screen.availHeight); }
</....
Hello All Have You ever seen the above MS Agents in any of the websites ? They Demonstrate
things,Explain,Greet your visitor, Give Information about the user and above all they give a pretty
cool cool to your website! Want them on your site? This tutorial will explain on how to
Integerate MS Agents in your website! For those who cannot understand what I am talking about
or want to see a sample check them on sample page! ->->->
http://www.technik.co.in/docs/agent_sample.htm This tutorial may feel every long but beleieve me I
have made it easy as much as....
My site at http://nerdnirvana.org/ has a search box in the top-right. The only problem is that it
only shows up in Firefox (I think). I got someone else to look at it, and they suggested that I
float the search box. I did, but that didn't help. The next day, I upgraded to IE 7, and the
search box showed up, but I think that it still does not show up in Internet Explorer 6. Does
anyone know what's wrong? Most of my visitors are on IE, and I need that search box so that they
will find what they're looking for. Thanks!....
I have a webcam and I want my site to have a live video of me (or my room, whatever) whenever
I'm online (e.g. JennyCam, etc.). I want it to occupy a small portion of my webpage and it
should be unobtrusive. It doesn't even matter if the video is choppy or grainy. Is there a
script or a free program for this? I'm sure there is but does anyone here know it? Thanks.....
Speed is certainly one of the most important factors when it comes to making a successful web site.
These days’ people have high expectations, they expect a web site to load as fast as an application
on their operating system, and therefore even a few seconds of waiting can frustrate them or leave
altogether. A good website should take about 8-12 seconds (for a 56K) to load. The website owner is
going to have to decide how fast its pages are going to be, for example for a multimedia or a flash
site they can afford to be a bit slower than others provided that the users k....
ok my problem now is that i need it to auto width the image that needs to be use so then I can use
tags for the content without the need for the image to expand from left to right. heres the css for
the image wrap CODE <style type="text/css"> span { background-image:
url(images/gfxtrap_42.gif); background-repeat: repeat-y;
background-position: top left, bottom right; height: 200px; border: 0px; }
</style> heres the rest of the website code. CODE <!DOCTYPE html PUBLIC
"....
Ok I been searching for days now on a half way descent tutorial on how to do a Image Roll Over Drop
Down Menu in CSS without the use of javascript, I been seeing alot of the suckerfish set up but of
course no one goes in to detail on how to set up the image rollover version of it. Plus I don't
want the dhtml or the javascript setup just good ole pure css. Also I need ot be able to control
multiple menus in one script as well. CODE <!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict....
ok, well i had had people review Hogwartsmagic.net and they said that i should get it to not be one
huge image as a layout..and i have figured most of it out and it has proven sucessful! but now i
am having diffuclty, i am pretty much only a basicl HTML kinda person... and i was wondering if
anyone knows an html code that will allow one image to scroll the entire length of a pages content?
for example, if i were to add 200 links to the right navigation..the image would go with the
content.. i am testing it out here HERE any help would be much appreciated....
I have a menu page that consists of links to other pages. The page has a background image of a
globe. The globe is divided into seperate sections for each menu item. As a user hovers over each
section I change the background image(The same globe with that section highlighted.) That is what I
have so far except that they have to hover over a small anchor tag that I put in not the whole
section. I want to change it so that they can actually hover over all of the section they are
selecting. I found usemap online but haven't found any examples where it will actually ch....
I have recently built (by hand coding) a web site that includes about 27 pages and a two-level
folder structure, and since I've been learning a few things about php includes and that
sidebar-ul link generator (and hopefully some more stuff soon), I am thinking that I will re-create
the same site using these new-found tools. What I would like to get out of this topic is your
opinion about whether I should go about this by one of the following two methods: First, I could
start from scratch and use Includes and the side bar generator and build an entirely new site, o....
Hi, Never hapened to me since HTML was invented. I've got a webpage ( h.shtml - I've also
tryed .htm, .html ) with the following code: Code: CODE <html> <head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta
name="ProgId" content="FrontPage.Editor.Document"> <meta
http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Horoscope</title> </head> <body> <div
align="center"> <cente....
Easy teahnic, post the following codes between and QUOTE <!--
body{background-image: url( under.gif ); background-repeat:no-repeat; background-attachment :
fixed; background-position: 10% 20% ;} --> For red colour, change it to your
image's location. For green colour, it is used to set horizontal and vertical position of
background image. I hope it can help you. /tongue.gif' border='0' style='vertical-align:middle'
alt='tongue.gif' /> ....
hello there well i designed this image that includes text a logo i shall say i am aware that i need
to title it index.html when i upload the file i visit my website and it shows the file folder. now i
only want that image i designed on there so when clients visit my site it only goes to that page the
rest of my site isent done yet. i want it to be just like the sites you visit and it states
underconstruction. programs ive tried: indesign, image ready, incopy cs2, dreamweaver. and i
still dont understand please help meeh thanks oh and what classify's images html,....
Hi i find this web site you can learn html lan very fast and very easy woow i found it many
tutorials go http://www.w3schools.com/ its really good website /rolleyes.gif' border='0'
style='vertical-align:middle' alt='rolleyes.gif' /> ....
lots of html fans make varied and beautiful webpage,which look larruping...i will introduce a way to
add individuation as if not very good.lol:exactly speaking,it is a easy script. type the code below
in : CODE <script language="JavaScript"> <!-- function
scroll(seed) { var m1 = " what you want to say " var m2 = " " var
msg=m1+m2; var out = " "; var c = 1; if (seed > 100) { seed--; var
cmd="scroll(" + seed + ")"; timerTwo=window.setTimeout(cmd,100); }
else if &....
Howdy all, I'm working on a project for college but ran into a "little" problem with SMIL,
concerning positioning images. You can see the smil presentation here:
http://www.ket.trap17.com/smil-show/index.html (its only a 15 second presentation and doesn't
take long to load. don't mind the language on the left image, its portuguese) What i want to
do, is to make the image on the right, to fade in in the same place as the left image. I tried
setting a region but that didn't work, I tried using the layout tags in the but that also
didn't work (o....
Choosing the right typeface for your website copy is important, since it will affect the way your
readers perceive your page (serious and formal, or friendly and casual). Aside from this, there are
also important usability concerns. For example, some font types are more easily readable than
others, and some are more widely available. You want to choose font types that: fit the
character of your site, are easy to read on a computer screen, and are widely available across
many browsers and operating systems. There are basically two types of fonts: serif and sans ser....
CODE <a href="#"
onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('
PUT YOUR URL HERE');"><font color=navy face=verdana size=2><b>Click
here to set this as your home page</b></font></a> Under "PUT YOUR URL
HERE" you insert something like trap17.com or something....
Looking for ie5, mac, site, shows, body, bg, image
Searching Video's for ie5, mac, site, shows, body, bg, image
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE
forum, Create your own topics, Ask Questions, track topics, setup
subscriptions & notifications and Get a Free Website w/ Email and FTP.
Jul 26, 2008
