|
HTML - Site Looks Horrible In Ie?
Hello, sorry for such a broad post, and please don't misunderstand me. I'm not asking anyone to help me rewrite the code (though it would be helpful lol) but im just curious to see why this is. I design in Linux, so my site looks great in Mozilla firefox, but horrible in IE.
http://ramsey.webhop.net/review/ My question is, how come my table with my content in it comes down in IE, but stays where it's supposed to be in Mozilla? And how come the pictures get really skinny in IE, but look fine in Mozilla?? I'm at my wits end.... Help is MUCH appreciated. Again, thank you! Similar TutorialsHello! New to the HTML forums, nice to meet everybody ^^. I have a problem with my website, http://christopherortiz.webs.com/advertisingproject.htm , for some reason I have horrible scrolling lag on all of the pages, mainly on that one! Check out the source and tell me what I have done wrong o.o Quote: <HTML><HEAD><TITLE>Advertisement Project</TITLE></HEAD> <BODY> <body style="background-attachment: fixed; background-position: center top; background-repeat: repeat;" background="al432s.jpg"> <center><h2><img src="christopher.png"></h2> <p><a href="index.htm"><img src="home.png" style="border-style: none"/></a><a href="advertisingproject.htm"><img src="prjct.png" style="border-style: none"/></a><a href="blog.htm"><img src="blog.png" style="border-style: none"/></a><a href="guest.htm"><img src="cmnt.png" style="border-style: none"></a></p> <img src="projecthead.png"> <br> <div style="width:750px;height:2300px;border:2px inset red; background-image:url(http://flyingredhorses.com/GalleryIm...gGrayBox.jpg); background-attachment: fixed; background-position:left center; background-repeat:yes-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #000; "><center><p style="font-family:verdana;font-size:90%;color:green">ORIGINAL</p></center><center><img src="originalcamel.png"></center> <center><p style="font-family:verdana;font-size:90%;color:green">PARODY VERSION</p></small><center><img src="camel.png"></center><br><center><p style="font-family:verdana;font-size:110%;color:green"><large>Analysis</large></p></center></center><p style="font-family:verdana;font-size:90%;color:green"> Camel Lights: Who on earth would want to buy these? What makes their advertising appealing enough to make you want to shove a cancer stick down your throat? Camel cigarette ads use rhetorical means to fool its demographic, you, into the habit of smoking.</p> <p style="font-family:verdana;font-size:90%;color:green"> The central illusion which the advertisement aims to create is an image of a rugged man, which the customer in turn can become--provided that he buys a pack of Camel Lights. The first words that come to mind are cool, masculine, and rugged. The tattoo makes him appear to be a ruffian, a delinquent, a desperado. These are all rhetorical justifications that make one want to smoke Camel Lights, just once. But what really defines the ad is its sleek image, orange velour and the cancer sticks dancing around like they were in Vegas as if they were going to die tomorrow.</p> <p style="font-family:verdana;font-size:90%;color:green"> Who on earth would want to buy these cunningly disguised serpents. We look at the man smoking cigarettes, his apparent countenance of ruggedness and individualistic style which we long to obtain, when in reality he is masquerading himself in a body of lies and deception. This is a form of ethos, which we, as viewers convinced to be truthful; reliable. But little do we know that its true nature hides behind a face of lies. We put our trust in the supposition that the advertisers are telling the truth; that camel lights will make us a little more like him. A brief glance at this advertisement might not make us question if what we're told is the truth. That's when Logos comes into the play. Looking at the advertisement, its reasoning seems logical: people who smoke, like the man in the advertisement, are cool; those who don't are not. What this carefully woven structure neglects to mention is that those cool kids are far more likely to contract cancer and other dangerous ailments.</p> <p style="font-family:verdana;font-size:90%;color:green"> Our society is built around these stereotypes of the rugged man and the classic Marilyn Monroe pose. The cigarette companies purposefully create these rhetorical devices, which appeal to us, the consumers. This not only makes you want to buy the product, it makes you buy into the delusion which cigarette companies have createdl</p> <p style="font-family:verdana;font-size:90%;color:green"> In conclusion, not only do Camel Light advertisements use certain rhetorical devices, but influence they way society thinks and acts. In short, advertising perpetuates stereotypes. Camel Lights, just chooses to perpetuate the stereotype of the rugged man.</p> </p> <div class="t"><div class="b"><div class="l"><div class="r"><div class="bl"><div class="br"><div class="tl"><div class="tr"> </center> </FONT></Body></HTML> I am quite in shock that I just found out my page looks horrible in IE. I coded it myself, but I don't know what to do. If anyone could please take a look at the code for this page: http://www.thegearedinvestor.com I would really appreciate it. As you can see in IE, the second column is shifted all of the way down to the bottom, where it should be right beside the left column. The code for this starts at the line: <div id=centercolumn align=right> <script type="text/javascript" src="http://feedjit.com/coFilter/?bc=FFFFFF&tc=494949&brd1=336699&lnk=494949&hc=336699&ww=160"></script><noscript><a href="http://feedjit.com/">Feedjit Live Blog Stats</a></noscript> <br><!-- closes innercentercolumn2 --> I'll continue to work on it, but any help would be amazing. Thanks in advance! My web page is suffering from the Box model bug described he http://en.wikipedia.org/wiki/Interne..._box_model_bug I cannot seem to rectify the problem. My site is he http://spyware-free.us Yes, I know the xhtml is not valid, but that's blogger's fault. If you want to see the error on a completely valid page, try this: http://spyware-free.us/intro xhtml: http://validator.w3.org/check?uri=ht...doctype=Inline css: http://jigsaw.w3.org/css-validator/v...usermedium=all A picture of my problem is he http://spyware-free.us/2007/05/template-updated.html As the article states, it works fine for IE7 and FF, but not IE6. Any tips would be greatly appreciated. wng I am wondering if it is possible to create an INDEX.HTML to redirect to another website? I would like it to display the redirected site, but if possible keep to the original address.. e.g. A site named www.mysite.com, with an INDEX.HTML to redirect to www.othersite.com, which displays OTHERSITE with www.mysite.com in the address bar. Hope I explained ok, any responce would be much appricated! Thanks! hi there www.brewrecords.net everyone can see my site but me! all i can see is 'this domain has just been registered' i delete my cookies and cache in internet explorer, still nothing. can anyone shed some light on this? thanks. does anyone knows a code or how to put a log in to a site? like i want before going in the site, before anything comes up in the screen a box with a log in.. could someone explain me Hi Guys, Brand new on here so here's hoping that I can get some valuable input and help from you all. I am a mac user so am naturally using Safari as my browser. I have developed the new home page for my companies web site. To me it looks great and I am happy with the appearance (in Safari). What I am not happy with is it's appearance in Firefox. When viewed in Firefox there are blue boxes around all of the link images and and this is causing the placement to be out also (not perfect like in Safari). I have three questions : 1. How do I stop the blue boxes when viewing in Firefox? 2. Not having IE, how does this page look in IE? 3. Have I approached the coding correctly and could it be done better thus improving the performance? I am aware that there are a good number of rollovers but I do wish to keep them all. I look forward to any input - good or bad. Thanks a lot Gary http://www.gtgrafix.com/index_1.html hello everyone im new to html but im learning slowly but surely. anyways the reason why i came he is im having an issue with a table on my site Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Julian Plumbing Inc.</TITLE>
<META content="text/html; charset=unicode" http-equiv=Content-Type>
<META name="Julian Plumbing Inc." content="">
<META name="Julian Plumbing Inc." content="">
<META name="Dylan Isley" content="">
<META name=GENERATOR content="MSHTML 8.00.6001.18904"></HEAD>
<BODY>
<TABLE border=1 cellspacing=1 cellpadding=1 width=240 align=center <thead>
<TBODY>
<TR>
<TD></TD>
<TD>
<P>Blockages and leaky and noisy pipes are a hassle to fix and can
indicate an even bigger system problem. Don't leave your home in the hands
of normal plungers, liquid cleaning agents, or inexperienced plumbers who
can't get the problem fixed the first time. Call the plumbing
professionals at Julian's Plumbing, Inc.</P>
<P> We are a full-service plumbing company serving the Charlotte area
that handles all types of repair. Our dependable and professional staff is
committed to providing fast and accurate service to all of our customers.
From drains and clogs to sewer and water installs, we handle it all and at
affordable prices our loyal customers can appreciate.</P></TD>
<TD>
<img src="Plumbing, Drains, Pipes, Julian's Plumbing, Inc_, Charlotte, NC_files/pipe.jpg" width="250" height="312">
</TD>
</TR></TBODY></TABLE>
</BODY></HTML>
there is my code and whats happens is. and here is pretty much what i want it to look like. can someone tell me how to do it Ok, I have a big serious problem. I codded my whole page on Firefox, not on IE or Chrome. So when I use it in Firefox, there is not a problem. When I do it in IE, everything is not in the right position. Then I tried in Chrome. The footer goes beside the sidebar. Is there a certain CSS or HTML code I have to add for it to work in IE or Chrome? I am not using Wordpress, I codded the whole site. If you need to know my site's address, its... http://www.takingtech.com/ So frustrated! how do i have it so that my website will appear the same? like standardised? i was working on my site on 2 different computers today, one was a mac and one was a pc and well, the mac version was different from the pc. what i mean is that the images and the links were not in the place that i wanted them to be. Hi I am currently working on a site on webnode. I am trying to make a site where users can submit game links that they like so it will be like a compilation of user contributed link data system. I just want them to be able to post website links that show up on my site automatically. I also need this to be alphabetized. So basically every letter will have a submit option where they can submit the name and link of this game they are trying to share. I pretty much need an embedded code to use on this site that will do this. Can anyone help me with this? I will offer a little bit of money if necessary! Hi, I'm new here. I'm using Dreamweaver to make this site, and .Mac for hosting. I'm looking for a way for me and one or two other people to update text on a site made in dreamweaver. Some kind of blog would work, but I need it to be ON the site, and match the theme. Please help if you can. This is probably easy, but I'm new to HTML and dreamweaver. Thanks in advance. Hey guys, I have designed my site using firefox as my default browser. My site looks exactly as I want in all of the following; Firefox, Chrome and Safari but IE 8 shifts my navigation links. My site: http://for-rent-nerja.co.uk The code that positions the js: http://www.for-rent-nerja.co.uk/hvmenu/exmplmenu_var.js this part positions left ' var StartLeft=-8; ' - if I set that to ' var StartLeft=0; ' that aligns it in IE8 but knocks it out of line in the other 3. HELP I've tried all but everything and I can find no way to get it to align in all! Thanks guys! Jamie Hi well i am finally getting read to put my site together this weekend and i just have a few questions. my site has been designed by a designer who has mocked it up in photoshop, illustrator etc. so the question that i have is how do i translate that into HTML? here are a few screen shots of what my site will look like. also i'll be taking them down in a couple of days. so here they are... Thanks Hello there. I am new to this forum. I used to be big into HTML, etc, got busy for a couple years you can say, and well, now I am back and lost in some ways! With that said, I hope someone here can assist me for what I am after. I am making a site for a photographer friend of mine. Here is it so far ... not yet done ... http://starverse.ca/sam/index2.html I want to make it so when you say update the photo area EX: http://starverse.ca/sam/center.html it will ONLY update that and I won't have to do anything to all the other items on the left/rights sites. I guess like a site within a site. I have been reading about using codes, such as : <!--#include virtual="path to file/include-file.html" --> <div id="nav"> <a href="...">...</a> ... </div> <? require("/path/to/file.html"); ?> etc. Nothing seems to work on my site. What in the wide world of sports am I doing wrong??? This is my website that I am making...only the home page is ready as of right now....I have reached a point to which I am stuck! I really like the way that it looks but I am not sure how to improve it...the banner seems sort of plain to me....From the red at the top to the red at the bottom, I pretty much like the way that it looks....Would someone please take a look at it and give me some suggestions? Here is the link: http://crazyforclay.webng.com/index.htm BTW....This is my first website, I know its not great! Hi all, this is my first post. First of all, my website is http://explosions.us.to Right now, whenever you click on something from the "nav" the links stay in the same place like they should. However, I want this to be the new 'about' page. Notice how the "nav" images change because of the added content in the layout cell. Any help on how to fix this is appreciated! the site http://www.googtwo.tk (my site) is attempting to put a garfield comic for the day by an iframe. if you look at the code, you'll see some irrelavent code, ignore it. but the iframe, isn't goign to the size i want it to, and therefore you can't see the comic. ??? Hi, Please help. I'm new to web design and have kinda cobbled my site together from various templates, etc. Problem is my site appears in Firefox, but comes up blank in IE and Safari. I'm pretty sure it's something stupid I've missed. The url is http://artheat.net Could anyone give me some advice? The basic html code is: <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" > <head> <title>ArtHeat</title> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> <meta name="description" content="ArtHeat. Contemporary South African Art" /> <meta name="keywords" content="ArtHeat. Contemporary South African Art" /> <meta name="robots" content="index, follow" /> <link rel="shortcut icon" href="favicon.gif" /> <script language="JavaScript"></script> <style media="screen" type="text/css"> /* <!-- */ /* General styles */ body { margin:0; padding:0; border:0; /* This removes the border around the viewport in old versions of IE */ width:100%; background:black; min-width:600px; /* Minimum width of layout - remove line if not required */ /* The min-width property does not work in old versions of Internet Explorer */ font-size:90%; color:#CCC; } a { color:#FF9933; } a:hover { color:#fff; text-decoration:none; } a img { color: black; border: 0 0; margin:10px 0 5px; } h1, h2, h3 { margin:.8em 0 .2em 0; padding:0; font-family: Helvetica, Arial, sans-serif; color: #ff9933 text-decoration:none; } h2 a { text-decoration:none; } p { margin:.4em 0 .8em 0; padding:0; font-family: Arial, Helvetica, sans-serif; color: #ccc; } img { margin:10px 0 5px; } /* Header styles */ #header { clear:both; text-align:center; width:100%; } #header { border-bottom:1px solid #000; } #header p, #header h1, #header h2 { padding:.4em 15px 0 15px; margin:0; } #header ul { clear:right; float:right; width:100%; list-style:none; margin:10px 0 0 0; padding:0; } #header ul li { display:inline; list-style:none; margin:0; padding:0; } #header ul li a { display:block; float:right; margin:0 0 0 1px; padding:3px 10px; text-align:center; background:black; color:#D46912; text-decoration:none; position:relative; right:15px; line-height:1.3em; } #header ul li a:hover { color:#fff; } #header ul li a.active, #header ul li a.active:hover { color:#fff; background:#000; font-weight:bold; } #header ul li a span { display:block; } /* 'widths' sub menu */ #layoutdims { clear:both; background:#eee; border-top:4px solid #000; margin:0; padding:6px 15px !important; text-align:right; } /* column container */ .colmask { position:relative; /* This fixes the IE7 overflow hidden bug */ clear:both; float:left; width:100%; /* width of whole page */ overflow:hidden; /* This chops off any overhanging divs */ } /* common column settings */ .colright, .colmid, .colleft { float:left; width:100%; /* width of page */ position:relative; } .col1, .col2, .col3 { float:left; position:relative; padding:0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */ overflow:hidden; } /* 3 Column settings */ .threecol { background:black; /* right column background colour */ } .threecol .colmid { right:25%; /* width of the right column */ background:black; /* center column background colour */ } .threecol .colleft { right:50%; /* width of the middle column */ background:black; /* left column background colour */ } .threecol .col1 { width:46%; /* width of center column content (column width minus padding on either side) */ left:102%; /* 100% plus left padding of center column */ } .threecol .col2 { width:21%; /* Width of left column content (column width minus padding on either side) */ left:31%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */ } .threecol .col3 { width:21%; /* Width of right column content (column width minus padding on either side) */ left:85%; /* Please make note of the brackets he (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */ } /* Footer styles */ #footer { clear:both; float:left; width:100%; border-top:1px solid #000; } #footer p { padding:10px; margin:0; text-align:center; } /* begin styles for RSS Feed */ .rss-box { margin: 1em; width: 200px; background-color: #000000; } .rss-items { margin-top:0px; padding:0.5em; 0.5em; margin-left:0px; color:#FFFFFF; } p.rss-title {padding:0.5em;} .rss-title { text-decoration: none; font-family: small helvetica, arial, tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif; font-size: 12px; background-color:#000; color:#f93; font-weight:bold; margin: 0px; padding:0em; text-align: left; } .rss-item { font-family: small helvetica, arial, tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif; font-size: 12px; font-weight : normal; list-style:none; padding-bottom:1em; } .rss-item a { text-decoration : none; color: #f93; font-size: 12px; font-weight:light; font-family:small tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif; } .rss-item a:visited { color:#a51000; } .rss-date { font-size: 85%; font-weight : normal; color: #ccc; } </style> </head> <body> <div id="header"> <a href=/index.html><img src="Header.jpg" alt="art gossip truth" longdesc="http://artheat.net" /></a> </div> <div class="colmask threecol"> <div class="colmid"> <div class="colleft"> <div class="col1"> <!-- Column 1 start --> <!-- Begin #main --> <div id="main"><div id="main2"> <!-- Column 1 end --> </div> <div class="col2"> <!-- Column 2 start --> <h2><a href="/project">Project</a></h2> <p>Project is ablah blah blah</p> </div> <div class="col3"> <!-- Column 3 start --> <h2><a href="/wiki">DataBase</a></h2> <p>DataBase is etc etc etc</p> <h3>What's New on DataBase</h3> <script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.artheat.net%2Fwiki%2Findex.php%3Ftitle%3DSpecial%3ANewpages%26feed% 3Drss&num=25&date=y&tz=+2&targ=y" type="text/javascript"></script> <noscript> <a href="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.artheat.net%2Fwiki%2Findex.php%3Ftitle%3DSpecial%3ANewpages%26feed% 3Drss&chan=title&num=25&date=y&tz=+2&targ=y&html=y">View RSS feed</a> </noscript> <h3>What's Changed on DataBase</h3> <script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.artheat.net%2Fwiki%2Findex.php%3Ftitle%3DSpecial%3ARecentchanges%26 feed%3Drss&num=25&date=y&tz=+2&targ=y" type="text/javascript"></script> <noscript> <a href="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.artheat.net%2Fwiki%2Findex.php%3Ftitle%3DSpecial%3ARecentchanges%26 feed%3Drss&num=25&date=y&tz=+2&targ=y&html=y">View RSS feed</a> </noscript> </div> </div> </div> </div> <div id="footer"> <p>ArtHeat is open to any submissions or comments. Email us at <SCRIPT LANGUAGE="JavaScript"> var anchortext = "ArtHeat"; var mailpart1 = "artheat"; var mailpart2 = "gmail.com"; document.write("<a href=" + "mail" + "to:" + mailpart1 + "@" + mailpart2 + ">" + anchortext + "</a>") </script></p> </div> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-1848067-8"; urchinTracker(); </script> </body> </html> I have just created a site with 50+ pages and want to create a HTML site plan page of just text links for the entire site, is there a simple way to do this, i have had a quick google search and can only seem to find PC software, any ideas for a mac user or any dreamweaver exensions etc that can help!!!! Thanks in advance |
|||||||