|
HTML - Dying A Horrible Death From The Ie Box Model Bug-any Suggestions?
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 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> 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! 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! Hi Experts, I have a page which has a small toolbar and an Iframe. Somehow I am getting a weird white space between the header and the rendered Iframe (Chart in the snap shot). An expert here on EE told me about box model bug and that it can be be fixed by DOCTYPE declaration. Luckily It got fixed but only on IE7, I want it to work on IE6. Can you please suggest me a way to get rid of this white space? I have attached my code, snapshot and stylesheets used in this page Code:
<%@page language="java" import="java.sql.*" errorPage=""%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>View Detail</title>
<script type="text/javascript" src="/analytics/static/zoom/jquery.js"></script>
<script type="text/javascript" src="/analytics/static/zoom/thickbox.js"></script>
<link rel="stylesheet" href="/analytics/static/zoom/thickbox.css" type="text/css" media="screen" />
<style type="text/css">
@import url("/analytics/static/styles/intranet.css"); /* main stylesheet */
@import url("/analytics/static/styles/intranet-2col.css"); /* column stylesheet */
@import url("/analytics/static/styles/intranet-2col-1024.css"); /* 1024px stylesheet */
</style>
<link rel="shortcut icon" href="../jsp/favicon.icon" />
</head>
<body>
<div id="page-wrapper"><%@include file="Header.jsp"%>
<div id="column-wrapper"><!-- begin columns -->
<%@include file="NEW_TOOLBAR.jsp"%>
<div id="content"><!-- begin content column -->
<div class="inner">
<iframe src="chart.html?chartType=${detailForm.chartType}&chartGroup=${detailForm.chartGroup}&chartSubgroup=${detailForm.chartSubgroup}&liabilityCode=IRU&timeline=${detailForm.timeline}&width=600&height=400" frameborder="0" scrolling="no" width="700" height="430" align="top"></iframe>
<!-- end content column, then column wrapper --></div>
</div>
<%@include file="Footer.jsp"%></div>
</body>
</html>
Can any one give me the HTML code for model window? Hi All, Being a frustrated businesswoman today, I may come across as a little frazzled, and I could spend the next half an hour complaining about certain company's not adhering to standards, but I won't. The problem is this: I have a website which displays correctly in Firefox 3.6.3 but just won't display correctly in IE 7 (and I haven't even tried other flavours of IE). From searching, I understand that it is to do with the box model problem i.e., different ways of calculating box sizes depending on browsers. I have tried a variety of solutions found online but nothing seems to work. The suggestion seems to be that specifying a doctype will resolve any incompatibilities but that doesn't seem to work either. I have created a special page which I am free to 'play' around with, in an attempt to solve this but all of my attempts so far have failed. The page is at www.ashleyschoolofmotoring.co.uk/index2.html - in Firefox, this displays correctly but in IE the left index is out of position along with some other problems. I have simply tried to resolve the issue with the left index up to now. I haven't posted the code for index2 here as it can be accessed via the page itself. However, I have posted the relevant part of the css file that I am using below. If anyone can throw any light on what I need to do to get the pages to look the same, I will be forever in your debt... Thanks Em Code: .main {float: left; width: 930px; height:470px; text-align:justify; font-size:12pt; font-family:"Arial";}
.main-index {float: left; width: 100px; color:#7153a0; }
.main-index ul {padding-left:10px; list-style-type:none; }
.main-index li {padding-right:0px; padding-bottom:10px; text-align:center; }
.main-centre {width: 700px ; height:450px; position: absolute; top:110px; left: 120px; padding-top:10px; padding-right:10px; overflow:auto; }
.main-right {float: right; width: 80px; padding-top:0px; }
.main-right ul {padding-left:0px; list-style-type:none; }
.main-right li {padding-right:0px; padding-bottom:30px; text-align:center; }
I'm working on a site for a friend. She designed it all in Photoshop, but she didn't know what to do after that. I sliced it up in photoshop, and saved it to html. The problem is it uses tables for everything. I know tables are not the way to go and I want to do it all with CSS, but I've never created a site from scratch, I've just hacked templates alot. I have no problem reading and editing CSS, but like I've said I've never tried to style a site from scratch. Is there a good tutorial around to take a sliced up psd into html/css? I can do it if I have some direction. Thanks, Joe ps - here is the site I'm trying to work on: http://sewandsew.joeipson.com Hey there, We have a webpage up for car parts that we offer. Our hosting services allows us just to login under there control panel and type up hte informaiton we want, such as Price, Item Description and so on. What we are looking for is a way to allow our customers to search parts by there Make, Model and Year. Is there a way to do this? If there is, is there some tutorials out there on how to instruct a novice user on how to do this? Here is an example: http://ultrarev.com/home.php?cat=0, it is the top bar on the right. Users can input there Make, Model and year and search for parts for the vehicle. Thanks Here's the website that I'm trying to fix up: http://web1.pas.rochester.edu/~sps/ For my screen resolution (1680x1050), the text on the right frame seems to be shifted too much to the right and viewing it on a lower resolution makes it so the user has to scroll to the right to see the entire text. Just wondering if there was a way to get rid of that empty space so the text could shift over closer to the left frames? Also, i've noticed that when i click the links on the right frame, a scroll bar appears on the bottom to allow me to scroll left and right, though it really doesnt change much. Is there a way to get rid of that? Hi everyone, I'm currently in the process of re-thinking my layout www.ballermag.com and I would love to hear some feedback or ideas from the pros on this forum Not sure if this sort of post is frowned upon here in this forum, but I thought I would give it a try. If we are not supposed to do this here, just ignore this message and accept my apologies... If I'm going to rebuild the site, what should I start with? Any suggestions would be a big help! Thanks for reading, Milkman I'm in a nonprofit org that has an events page & a job posting page. We're currently using an old guestbook format that is getting spam on a daily basis. I'm looking to replace it w/ a more secure forum or something which would require posters to sign-up or something (in hopes of preventing spammers). I'm looking for recommendations for something EASY to setup. Sorry if this is in the wrong forum...wasn't sure where to post this! Thanks in advance, Shelly Hey guys!! I am a newbie at the whole HTML thing so looking here for some advice from you experts! I am looking for a simple way of making small buttons for people to post on either their website or social media. Like you know those sites where they ask you to give them a free link if they provide a free service for you? does anyone know of any good software or a really easy way of making a picture button like this? Thanks in advance for your help!! Cheers I am trying to add a photo gallery, slide show images (10photos) to my site and I would like to get some suggestions from you guys. Thanks I every one I'm working on a page where the text is set up in HTML and I'm getting some pretty different results on different computers. This really is a 2 parted question. First if you would be so kind as to visit this page and tell me if the text is properly sized and formatted as to fill the areas between the images: http://www.reelectjusticecliffordtaylor.com/bio.html I've included a screen grab of what the text looks like on my PC when I see it live. at this link: http://www.johncliffordtaylor.com/text_example.jpg Second base on what I've seen up to this point I would like to know if there is a way to get the text to appear more uniformly in different browsers on different PC's. So far I'm just working with: body,td,th { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 16px; color: #2B24A6; (pretty much navy) } that are embedded right inside my page HTML page. So I'm very open to any ideas on how to get the text to appear more consistently across many computers and browsers. Thx for the help every one! John Hey guys I just got an oppurtunity for an internship this summer and I need some Ideas for a small little portfolio (some small web pages and such) also maybee some banner ideas. Here is the email I got "We design and create anything from a simple 3 to 5 page website to huge applications for an organization or even a municipality. My ongoing project is www.ourfortworth.com (OFW.) It is a web community I created in 1999 just for kicks. Since then, it has grown to an average of 85,000+ visitors each month. OFW focuses only on local information and advertising for local businesses. The "full color display type" ads you see at the top and on the sides of each page are something we are constantly making for new or existing advertisers. We usually change or update the ads when ad contracts renew every three to six months. We are just starting our Restaurant Guide to complement the business directory we are working on. Most of the work initially would be the ads I mentioned above and the basic 3 to 5 page websites for small businesses. I would like to talk with you when you have time and get a feel for the style of work you produce, your basic design style, etc. to see if we might be a good fit to work together. " Any programs that y'all know that work well for making banners? Also I know HTML pretty well , what would help me practice getting better at it or what should I move onto? Just looking for some Ideas.. (By the way I'm 17 and know XHTML) Thanks, Randy http://www.danielbourne.net/pdwcs/1/about.html this seems to work fine in firefox but in internet explorer creates pading and i cant see how could someone lease look and see what im doing wrong ? Hi All, I am wondering if someone can recommnd an solution or point me in the direction i should be going. I am looking at creating a dynamic form, what i would like to do is use a drop down and depending on the dropdown selected the required fields would populate. I have attached an file to show as an example. If someone clicked on Item A they would get one set of fields to fill out. If that same person selected Item B they would get different fields to fill out ... All being mandatory.. Thanks ahead for any help or suggestions ... This is a great place to get info. Hi, I am trying to set up a pictures page on a web site. My first idea was to set up two iframes so that the user could scroll sideways on the top through the pictures and each picture would link to itself in a bigger size targeted to another iframe... like this. I put a few of the pictures in here just to show you what I was thinking... the page really isn't working well, I just threw it together to show you the structure I'm talking about. This would work, but I'd also like the description to change, so I was thinking of using Javascript (I don't actually know javascript yet, so I'm guessing at this) so each picture would change TWO iframes, one as the picture and the other would be the description. The problem with that would be that I would have to make a new html page for each description... I guess I could do that, but would there be anything easier? All the solutions I have thought of like using a getElementByID javascript to change the picture and text wouldn't work because of the iframe. If there is another solution, I don't even need an iframe. I was just checking to see if anyone had any suggestions on this, either a simpler solution to the iframe idea or a completely different idea. It really doesn't matter, I just want a good looking, easy to use pictures page. |
|||||||