|
HTML - Divs In Ie6 Go Crazy
i have a prob in ie6 my divs go down. please take a look at my site
amazingcoloradotravel.com/elkrange can someone give me a pointer where i gone wrong? hoping for your kind consideration regarding this matter Similar TutorialsHi Guys, Firstly, I'd like to say this is a great forum - it's been a great help getting started with html & web design. I've an issue regarding IE and CSS layouts. I'm currently creating www.pulselifts.net . In Firefox and any other browser, it displays fine, however, in IE, the buttons on the left hand side have alignment issues. I've tried looking at all of the CSS & IE issues, but cannot seem to fix it! Does anybody have any ideas? Thanks! Hello there friends! first i apologize if this thread is in the wrong section its just that i don't even know how to name what i want. OK here is the deal, i have a software that i developed and im trying to create a page where my costumers adds any error that they found while using the software.. fox example, a user find some type of error in the software then they go to my webpage click an "add" button to type the error that they found, click submit and the new error is displayed i the list. its kind off like the lists in sharepoint. i don't if you are familiar with sharepoint. anyway, thats all, even some help naming what i want would be really appreciate. im using expression web if that helps. Does anyone know why there is padding around all my buttons on this page? They should be flush against each other... Any ideas? http://www.curiousclothing.com/test/tours.htm done i've made my own way to solve it thanks Any ideas why the buttons on the following link have such big gaps around them top and bottom? http://www.curiousclothing.com/test/tours.htm Hi! I had my test webpage where i test my designs, scripts etc. working well but then my little brother change some stuff in both the html file and css file, I already fixed a lot but I don't know what's wrong now. HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>ComBBAT - FRC Team 21</title>
<link href="http://demo.combbat21.com/css/general.css" rel="stylesheet" type="text/css" media="screen, all"/>
<link href="http://demo.combbat21.com/css/img.css" rel="stylesheet" type="text/css" media="screen"/>
<link href="http://demo.combbat21.com/css/print.css" rel="stylesheet" type="text/css" media="print"/>
<meta name="description" content="ComBBAT, Team 21 is a FIRST Robotics Competition team consisting of both Titusville and Astronaut Highschools in Titusville, Florida." />
<meta name="keywords" content="USFirst, robotics, titusville, brevard, florida, FRC, ASRC, boeing, FIRST, ComBBAT, team 21, govconnection, team, competition, FIRST, first," />
<meta name="author" content="Daniel Cuesta" />
<link rel="shortcut icon" type="image/x-icon" href="http://files.combbat21.com/website/images/favicon.ico" />
<!--[if IE]>
<style type="text/css">
</style>
<![endif]-->
<!--JAVASCRIPTS-->
<script type=text/javascript"" src="http://demo.combbat21.com/js/addfav.js"></script>
<script language="JavaScript1.1" src="http://demo.combbat21.com/js/slidehome.js"></script>
<script type="text/javascript" src="http://demo.combbat21.com/js/report.js"></script>
</head>
<!--|| -->
<body>
<div id="container">
<div class="br10"></div>
<div id="top">
<ul>
<li><a href="http://m.combbat21.com">mobile</a></li>
<li><a href="javascript: function('addfav')" >Bookmark us</a></li>
<li><a href="http://members.combbat21.com">login</a></li>
</ul>
</div>
<div id="header">
<a href="../../../" id="logo" title="Home"></a>
<a href="../../../" id="name" title="Home"></a>
<a href="http://usfirst.org" id="first" title="FIRST" target="_blank"></a>
</div>
<div id="navbar">
<ul>
<li><a href="http://combbat21.com" id="n1" class="active">Home</a></li>
<li><a href="first/">FIRST</a></li>
<li><a href="about/">About us</a></li>
<li><a href="multimedia/">Multimedia</a></li>
<li><a href="resources/">Resources</a></li>
<li><a href="contact/">Contact us</a></li>
</ul>
</div>
<div id="breaker"><!--
<span class="pathway">You are he </span><a href="../../../../">Combbat21.com</a>
<div id="search">
<form name="cse" id="searchbox_demo" action="http://www.google.com/cse">
<input tabindex="3" class="txt" name="q" value="" title="Search" /><input type="image" id="searchB" name="submit" src="http://files.combbat21.com/website/images/search-button.gif"/></form>
-->
</div>
</div>
<div id="rightcol">
<ul>
<li><a href="about/">about combbat</a></li>
<li><a href="first/">about first</a></li>
<li><a href="news/">news</a></li>
<li><a href="blog/">blog</a></li>
<li><a href="calendar/">calendar</a></li>
<li><a href="donate/">donate</a></li>
<li><a href="sitemap/">sitemap</a></li>
</ul>
</div>
<div id="leftcol">
<a href="javascript:gotoshow()"><img src=".jpg" name="slide" border=0 width=100% height=100%></a>
<script>
<!--
slideshowimages("http://files.combbat21.com/website/images/slideshow/1.jpg","http://files.combbat21.com/website/images/slideshow/2.jpg","http://files.combbat21.com/website/images/slideshow/3.jpg","food4.jpg","food5.jpg")
slideshowlinks("http://food.epicurious.com/run/recipe/view?id=13285","http://food.epicurious.com/run/recipe/view?id=10092","http://food.epicurious.com/run/recipe/view?id=100975","http://food.epicurious.com/run/recipe/view?id=2876","http://food.epicurious.com/run/recipe/view?id=20010")
var slideshowspeed=2000
var whichlink=0
var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()
//-->
</script>
<noscript>In order to see the slideshow you must enable javascripts</noscript>
</div>
<div id="content">
<a href="" onClick="window.print(); return false">
<img src="http://files.combbat21.com/website/images/print.png" title="Print" alt="print button" class="tb"></a>
<h2>Welcome to combbat21.com</h2>
<p>FIRST Robotics Competition Team 21 was started in 1996 to share and expand FIRST's vision with students of Astronaut and Titusville High Schools in Titusville, Fl. Our mentors, Scott Strickland from Boeing, James Rallo from Upper Mohawk Inc, Stephen Stout from ASRC Aerospace, Kevin Cunningham from USA, and Jeff White, assist the ever-expanding team of high school students design, construct, and program a fully functional ~120 lb robot and facilitate the development of important life skills such as teamwork, communication, and leadership. </p>
</div>
<div id="sponsors">
<p>The FIRST Robotics Team 21 gracefully thanks its sponsors:</p>
<a href="" target="_blank" id="boeing"></a>
<a href="" target="_blank" id="govc"></a>
<a href="" target="_blank" id="asrc"></a>
</div>
<div id="footer">
<ul>
<li><a href="/chforum">chief delphi forum</a></li>
<li><a href="/mobile">mobile</a></li>
<li><a href="link/">link to us</a></li>
<li><a href="sitemap/">sitemap</a></li>
<li><a href="sponsorus/">sponsor us</a></li>
<li><a href="contact/">contact us</a></li>
</ul>
</div>
<div id="end">
<a href="javascript:popUp('http://www.demo.combbat21.com/report')">Report</a>
</div>
<div align="center"><!--needed for ff-->
<div id="bottom">
<p>FRC Team ComBBAT 21. Copyright © 2010. All rights reserved.</p>
</div>
</div>
</div>
</body>
</html>
css:www.demo.combbat21.com/css/general.css Thanks a lot to anyone that replies. Hi guys, First of all, take a look he www.euro-nova.co.uk/revamp You will notice the navigation bar at the top, all sitting where it should, but with no links, just plain text. Now, scroll to the bottom of the page, you will see another navigation bar, but its sitting wrong, as you can see. I want it to sit like the one at the top. The problem is, the top one is plain text, the bottom has the links attached to it, if I take the links away it sits properly. I have this problem with BOTH of the navigation bars, and I'm stumped!! Can someone help? Thanks. Hey guys I'm having a crazy form issue now. I almost have this project wrapped up. Also Thank you very much to the members who have contributed to this. So heres the deal I have a <textarea> box on my form. For some crazy reason it automatically populates with some blank text. My server side code has some error handling stuff I put in to make sure this area isn't blank before processing the code, however since it populates with blank spaces it allows it to bypass this area. I'm totally lost on how this can be. Im sure its something stupid I have done. Here is the code, html first then css, Also here is a link to the page online now. http://www.marylovesshopping.com/ContactUs.html Code: <p class="form">Comments or Requests: (Required)<br /> <textarea name="comment" rows="5" cols="40"> </textarea></p> Code: #content p {
margin:16px 0;
font-size:13px;
text-align:justify;
}
.form p {
margin:0px;
padding:0px;
overflow:auto;
}
i'm calling upon anyone to help me, i've been tearing my hair out for hours over this! i'm trying to reformat a blog template to include in a client's website, but the html is driving me crazy. i am trying to center the blog, making it about a 480px width. i have tried to correct the html to reflect this (however i am a bit of a novice and teaching myself!), but what seems to happen is that the 'next page' of the blog follows my request, but not the main page. i hope that makes sense! here's the html, if anyone can see any glaring errors i'd love to know as this is the final part of the website and i'm losing sanity fast... any input is SO welcome. thanks to you all, minki HTML Code: <html>
<head>
<title><%WindowTitle%></title>
<style type='text/css'>
p {
margin: 0px;
}
body {
background: #FFFFFF;
margin-left: 15px;
margin-top: 15px;
}
td.topbar {
padding: 5px;
padding-left: 15px;
padding-right: 15px;
background: #FFFFFF;
}
td.content {
padding: 5px;
padding-left: 15px;
padding-right: 15px;
background: #FFFFFF;
color: #000000;
font-family: courier new;
font-size: 10pt;
line-height: 1.7;
}
td.border {
background: #FFCCFF;
font-size: 6pt;
}
td.box {
padding: 10px;
padding-top: 20px;
padding-bottom: 150px;
font-family: courier new;
font-size: 10pt;
background: #FFCCFF;
color: #000000;
line-height: 17px;
}
div.date {
margin-bottom: 4px;
color: #777777;
}
div.box {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}
div.comment {
padding-left: 20px;
}
h2 {
margin-top: 0px;
margin-bottom: 0px;
font-family: courier new;
font-size: 30pt;
color: #FF00FF;
}
h3 {
margin-top: 0px;
margin-bottom: 0px;
font-family: courier new;
font-size: 16pt;
color: #FF00FF;
}
a:link { color: #FF00FF; }
a:visited { color: #FF00FF; }
a:hover { color: #FF00FF; }
a.menu:link { color: #990099; }
a.menu:visited { color: #990099; }
a.menu:hover { color: #990099; }
</style>
</head>
<body>
<center>
<table cellpadding='0' cellspacing='0'>
<tr><td><img src="http://www.andreadonovan.com/buttons/title%20name.jpg" border='0'><br><center><img src="http://www.andreadonovan.com/buttons/news%20heading.jpg"></center></td></tr>
<tr><td width='580' class='topbar'></td></tr>
</table></center>
<br>
<table cellpadding='0' cellspacing='0' align='center'>
<center>
<tr>
<td width='480' class='content'>
</center>
<div class='box'>
<table cellpadding='0' cellspacing='0'>
<tr><td></td></tr>
<tr>
<td width='169' align='center' valign='top' class='box'>
<img src="http://www.andreadonovan.com/Reas%20Website/glasses%20sm.jpg" border='0'><br><br>
<%Description%>
<br><br>
<a href='http://www.andreadonovan.com' class='menu'>home</a><br><a href='http://www.andreadonovan.com/gigs.html' class='menu'>gigs</a><br><a href='http://www.andreadonovan.com/photos.html' class='menu'>photos</a><br><a href='http://www.andreadonovan.com/cv.html' class='menu'>cv</a><br><a href='http://www.andreadonovan.com/contact.html' class='menu'>contact</a><br><a href='http://www.andreadonovan.com/links.html' class='menu'>links</a>
</td>
</tr>
<tr>
<td></td>
</tr>
</table>
</div>
<!-- ARCHIVE PAGE -->
<IfArchivePage>
<h3>Archives</h3>
<%ArchiveInfo%>
</IfArchivePage>
<!-- MAIN PAGE -->
<IfMainPage>
<Entry>
<h3><%EntryTitle%></h3>
<div class='date'>Posted at <%EntryTime%> on <%EntryDate%><IfCategoriesAllowed> in <%EntryCategory%></IfCategoriesAllowed></div>
<div><%EntryBody%></div>
<IfCommentsAllowed><a href='<%EntryURL%>'>Comments</a> (<%EntryCommentCount%>) <IfCommentPostAllowed>| <a href='<%CommentPostURL%>'>Post A Comment!</a></IfCommentPostAllowed> |</IfCommentsAllowed> <a href='<%EntryURL%>'>Permanent Link</a>
<br><br>
</Entry>
</IfMainPage>
<!-- ENTRY PAGE -->
<IfEntryPage>
<Entry>
<h3><%EntryTitle%></h3>
<div class='date'>Posted at <%EntryTime%> on <%EntryDate%><IfCategoriesAllowed> in <%EntryCategory%></IfCategoriesAllowed></div>
<div><%EntryBody%></div>
<IfCommentsAllowed><IfCommentPostAllowed><a href='<%CommentPostURL%>'>Post A Comment!</a></IfCommentPostAllowed></IfCommentsAllowed>
<br><br>
<IfCommentsAllowed>
<Comment>
<div class='comment'>
<h3><%CommentTitle%></h3>
<div class='date'>Posted by <%CommentAuthor%> <%CommentAuthorIP%> at <%CommentTime%> on <%CommentDate%></div>
<div><%CommentBody%></div>
<a href='<%CommentURL%>'>Permanent Link</a> <CommentEdit>Edit</CommentEdit> <CommentDelete>Delete</CommentDelete>
</div>
</Comment>
</IfCommentsAllowed>
</Entry>
</IfEntryPage>
<!-- FRIENDS PAGE -->
<IfFriendsPage>
<Entry>
<h3><%EntryTitle%></h3>
<div class='date'>Posted at <%EntryTime%> on <%EntryDate%> by <%EntryAuthor%></div>
<div><%EntryBody%></div>
<IfCommentsAllowed><a href='<%EntryURL%>'>Comments</a> (<%EntryCommentCount%>) <IfCommentPostAllowed>| <a href='<%CommentPostURL%>'>Post A Comment!</a></IfCommentPostAllowed> |</IfCommentsAllowed> <a href='<%EntryURL%>'>Permanent Link</a>
<br><br>
</Entry>
</IfFriendsPage>
<IfPages>
<center>
<br><br>
<- <LaterLink>Last Page</LaterLink> | <EarlierLink>Next Page</EarlierLink> ->
</center>
</IfPages>
</td>
</tr>
<tr><td></td></tr>
</table>
</center>
</body>
</html>
Hey everyone, my website is pretty much viewing the same on my mac and on my pc now, except one big problem. Photoshop uses an automatic table generator which I used to layout my pop-up windows. I replaced one of the images into the background, and placed my text over it. This all works fine. My problem is that for some reason, IE is putting a 15px gap on my table in the worst places. http://www.myportfolio.ws/products/logo.html It works fine on my Firefox/Safari. Please help me ><;;; Also, why everytime I validate my html/xhtml I get a million errors when I know for a fact that its not ? My whole website is gaggle-full of errors that confuse me. Please help me out, I am entirely self-taught and this is just killing me. Hello professional web geniuses. I just built a website for the first time (actually its the third attempt after getting some much needed tips on design) my site has a "Free Consultation" button that leads the potential client to a form. http://www.fighttheticket.ca/index_f...20Consultation I have two problems with the form. 1. It does not send the information to the email address that I though I programmed it to go to. 2. After the potential client fills out the form and hits "Submit" it goes to a 404 page not found page. I really am at my wits end. Ive tried changing the properties as well as other fixes but nothing seems to work. I would pay someone to help but, quite frankly I am broke! (Im just starting the business) Can anyone offer some advice that can make me sane again? Thank you in advance. I've been up for the past 4 hours trying every way possible to get my table to align to the left of my page. I've tried countless html codes... anything and everything! Below is a list of my html codes as well as what my page is coming out like. Would someone please tell me how stupid I am and that I'm looking over something small or my html code is messed up. Sorry if I sound like Im whinning- I'm just frustrated. I really appreciate the help. Thanks. Quote: <LEFT> <TABLE BORDER=6 CELLSPACING=0 CELLPADDING=20> <TR> <TD>Info</TD> <TD>Info</TD> </TR> </TABLE> </LEFT> <table border="1" align="left"> <tr> <td>info</td><td>info</td> </tr> </table> I have a a site that is builded with divs.Here is the structu Code: <div id="container"> <div id="header"> </div> <div id="slideShow"> </div> <div id="sideAdvs"> </div> <div id="articles"> </div> <div id="footer"> </div> </div> Although the footer in my code is inside the container div, on the browser arrives outside of it..I really don't know what to do and i'm a click away of ruinning my pc P Hi, I apologize if I'm posting in the wrong forum. I've been trying to find out what I'm doing wrong for 5 days now with the contact form on the site I'm working on. So please help me out. i'm using the AJAX contact form from http://www.dustindiaz.com/ajax-contact-form/ I've used it on at least 5 other site and they work grate, however on the site I'm working now I had so many issues, first I could not align it up, then somehow I fixed that, now that everything looks good, when u fill in the info in the form and click "send email" the whole form jumps of the site to the right. I just dont know why? I cant see why ? I've been using this form on 5 other sites and the work Grate, except this site http://www.sadmir.com/DEMOS/ae2/contact.html Please look at it, try it, and help me out if you can .... Thank you my website www.palmettogoldandsilver.com looks fine on safari, and firefox.. but on internet explorer my links are not centered, and my background image for my body div tag is not showing up. I'm about to go crazy. I'm working on a website, in tables (yes I know, CSS...not there yet) It's for a friend and I'm doing this on the side. and I've been humming right along building this thing. I havn't done anything in about a week. I go into dreamweaver, open a sample page I created, and cut and pasted text from a word doc into the table inside the html document. When I do this, the table accommodate the text and stretches out messing up the whole layout. WTF!? It hasn't done this before with the other 20 pages. I saved the word doc, as a web page, as plain text, I imported the text into a google doc, I pasted it inside of a preset table width. NOTHING WORKS! I tried to open up the html code and adjust the width of the tables inside the code, The thing is, is that I'm using a template, so when the template itself stretches itself, I cannot adjust it, because its the template. I get the little circle with a line across it. here is the link: http://www.altmedschools.com/acapunc...tate_laws.html I appreciate any help, I really just want to get this site finished! Hello everyone. I am having the worst time trying to figure this one out. I created a site for a hair salon and every time the page loads for the first time, it jumps from right to left. Does anyone know why it is doing this? There is an example link below. Thank you so much for taking the time to read this. http://www.erizzo.net/studiod/index.html Hello, I've been trying to eliminate an unwanted vertical scrollbar on the following website: http://www.sneezemag.com I want to keep the horizontal scrollbar. The codes I have inserted seem to work for IE but none work for safari. The page is framed and I have been searching for solutions but none seem to work. Most of the postings regarding unwanted scrollbars in safari are old now so was wondering if anyone can help me on this. Thank you, nic Hey. Im looking for a site that hate codes for some crazy looking galleries. Ive found some on google but they are not all that impressive. So If anyone knows a site with nice looking(preferably interactive) photo galleries(one that provides the codes as well), please share with us. Thanks Hello, I've been dealing with this problem and it seems fairly simple but has got me scratching my head. The page works fine in Firefox (of course) but internet explorer draws this problem. There are gaps between the DIVS and I have tried messing with the margins and padding a bit but have had no luck. here is the page in Firefox: Here is the code in page. HTML Code: <div id="container"> <div id="head"><a href=""><img src="hd_1.png" border="0" /></a></div> <div id="ev_top"><img src="ev_top.png" /> </div> <div class="float"><img src="ev_l1.png" /> </div> <div class="ev1"> <div class="ev2">Dallas</div> <div><a href=""><img src="ev_dallas_tba.png" border="0" /></a></div> <div class="ev3"><div class="float"><img src="/bullet_blue.png" /></div> <div class="ev4"><a href="">May - TBA</a></div> <div class="ev5">| <a href=""> More...</a></div> </div> </div><div class="float"><img src="ev_gap1.png" /></div> <div class="ev1"> <div class="ev2">New York</div> <div><a href=""><img src="ev_ny.png" border="0" /></a></div> <div class="ev3"><div class="float"><img src="/bullet_blue.png" /></div> <div class="ev4"><a href="">04.29 - 87 Lounge</a></div> <div class="ev5">| <a href=""> More...</a></div> </div> </div> <div class="float"><img src="ev_gap2.png" /></div> <div class="ev1"> <div class="ev2">Store</div> <div><img src="ev_str.png" /></div> <div class="ev3"> <div class="float"><img src="bullet_yellow.png" /></div> <div class="ev4">Coming Soon</div> <div class="ev5">| <a href="#"> Updates...</a></div> </div> </div> <div class="float"><img src="ev_right.png" /></div> </div> <div id="ev_bot"><img src="ev_bot.png" /></div> <div class="float"><img src="ev_botr.png" /> </div> </div> <div id="blog_right"><img src="blog_rt_gap.png" /></div> <div id="blog_contain"> Style sheet: Code: body{
font-family:Arial, Helvetica, sans-serif;
width:713px;
background:#cfeae7 url(bg.png);
margin:0 auto;
height:100%
}
#container{height:100%; width:750px;}
#head{text-align:center; padding-right:25px;}
.float{float:left;}
.ev1{float:left; width:211px; background:url(ev_box_bg.png); font-size:24px; text-align:center;}
.ev2{float:left;text-align:left; text-indent:6px;color:#9ce4e4;padding-top:5px;height:100%;}
.ev3{padding-left:5px;text-indent:3px; padding-top:10px; width:211px;}
.ev4{float:left; font-size:12px;color:#b1e7e7; height:100%;}
.ev5{text-align:right; font-size:12px; color:#a2e6e6; padding-right:15px;padding-bottom:9px;height:100%;}
#ev_top{padding-left:6px; margin:0px; padding-top:0px;padding-bottom:0px;}
#ev_bot{float:left; margin:0px; padding:0px;}
Any ideas? Help would be appreciated! Thanks. |
|||||||