|
HTML - Help! Page Not Aligning In Firefox
Help! Some pages of this site are not aligning in Firefox. Please see this link http://www.ntcmc.com/news.html . If you view in FF and in IE you will see the difference. The white space below the navigation and above the text in lower left of page should not be there. Any idea why it is displaying incorrectly? THANKS!
Similar TutorialsHi, I was wondering if there is a way to make things align with IE and Firefox without making completely separate pages for both? This is the page I'm referring to: http://www.andytrus.com/resume.html In Firefox, its nicely aligned, but in IE, its all off. The HTML for each header is this: <div id="content_resume"> <h2>Objective</h2> <p>To obtain a full-time design position where my creativity, people skills, and leadership will make significant contributions towards implementing innovative solutions which fulfill user needs.</p><br> The css for this part is: #content_resume { padding-top:125px; padding-left:68px; width:815px; color:#bd92b2; font-size:13px; line-height:20px; } I'd really appreciate some help. Thanks! Okay, I dont want to align text or an image. I want to align my whole page. My page is all the way to left and I want to center it to the middle. I created a layout in Photoshop CS3 and used the slice tool, which generated a table for me based on the slices. The problem is, I need the table to be aligned at the very top of the page without a space, without having to set the table height to 100%. Is there a way this can be done? Hi Everyone Im new to this, and trying to build a website to show my artwork for college. Its a requirement for my degree course in London and I have been trying for ages to centre align a fade in/fade out image with code I found. I don't know if this the correct way of showing my code which you all probably understand way better than me, but I'll paste it below. Also the link where the page is online at the moment is here, It kind of aligns centre in Safari but not on an iPad or in Firefox etc. http://dl.dropbox.com/u/30918322/NEW...%20SITE/1.html Your help would be really greatly appreciated! Many Thanks Alex Wood 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">
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="Content-Type"/>
<title>Alex J Wood</title>
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript">
/***
Simple jQuery Slideshow Script
Released by Jon Raasch (jonraasch.com) under FreeBSD license: free to use or modify, not responsible for anything, etc. Please link out to me if you like it :)
***/
function slideSwitch() {
var $active = $('#slideshow DIV.active');
if ( $active.length == 0 ) $active = $('#slideshow DIV:last');
// use this to pull the divs in the order they appear in the markup
var $next = $active.next().length ? $active.next()
: $('#slideshow DIV:first');
// uncomment below to pull the divs randomly
// var $sibs = $active.siblings();
// var rndNum = Math.floor(Math.random() * $sibs.length );
// var $next = $( $sibs[ rndNum ] );
$active.addClass('last-active');
$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 1000, function() {
$active.removeClass('active last-active');
});
}
$(function() {
setInterval( "slideSwitch()", 5000 );
});
</script>
<style type="text/css">
/*** set the width and height to match your images **/
#slideshow {
position:relative;
height:400px;
font-family: Arial, Sans-serif, sans;
}
#slideshow DIV {
position:absolute;
top:0px;
left:3px;
z-index:8;
opacity:0.0;
height: 400px;
background-color: #FFF;
}
#slideshow DIV.active {
z-index:10;
opacity:1.0;
text-align: center;
}
#slideshow DIV.last-active {
z-index:9;
}
#slideshow DIV IMG {
height: 350px;
display: block;
border: 0;
margin-bottom: 10px;
}
.hh {
font-family: "American Typewriter";
font-size: 18px;
}
.klk {
font-family: "American Typewriter";
}
.klkggh {
font-size: 28px;
color: #900;
}
a:link {
color: #900;
text-decoration: none;
}
a:visited {
color: #900;
text-decoration: none;
}
a:hover {
color: #900;
text-decoration: underline;
}
a:active {
color: #900;
text-decoration: none;
font-size: 36px;
}
.rtrt {
color: #006;
}
.fgfgg {
text-align: center;
position: absolute;
}
</style>
</head>
<body style="color: #006; font-style: normal; font-size: 36px; font-family: 'American Typewriter'; text-align: center;">
<!-- this will work with any number of images -->
<!-- set the active class on whichever image you want to show up as the default
(otherwise this will be the last image) -->
<p class="klk">Alex J Wood</p>
<p class="klk"><span class="klkggh"><a href="index.html">ENTER SITE</a></span></p>
<table width="44%" border="0" align="center">
<tr>
<th width="25%" scope="col"> </th>
<th width="16%" scope="col"><div id="slideshow">
<center>
<div class="active"> <a href="index.html"><img src="image1.jpg" alt="Not A Nugget" align="middle" /></a> <span class="hh">Not A Nugget |2012</span></div>
<div> <a href="index.html"><img src="image2.jpg" alt="Not A Nugget" /></a> </div>
</center>
</div></th>
<th width="59%" scope="col"> </th>
</tr>
</table>
<center>
<div align="justify"></div>
</center>
<p><a href="index.html" class="rtrt">[url]www.Alex[/url] J Wood.co.uk</a></p>
<p> </p>
</body>
</html>
i have used the iframe to locate the third party web site into my site, but i couldnt align the 3rd party's site as my wish. i.e:-If want to hide advertisements those are in the top margin on 3rd party, wat do i wanna do.i'm new to this. plz help me. thanks Hi guys I've spent the best part of two hours attempting this and have been failing. Miserably. What I'm trying to do is NOT to create a body background, but create an image, which will sit at the bottom of my browser window, regardless of it's size, and then go BEHIND other elements such as tables / images if my browser window size causes overlap. All help appreciated, thanks in advance. Antonz Hiyas, well I am trying to make an html website, and I got two things I trie to add to my page. One is a shoutbox using direct link code, and in the preview it displays fine, and works fine. Another is a teamspeak launcher I made, just a link and an image. I align one to the right the other to the left, and that works. The problem is, that the one on the right is level with the bottom of the shoutbox on the left, whereas I want them to be a part of two side columns eventually, where they are both the same length etc, not all uneven. Here is my preview page: http://i116.photobucket.com/albums/o...Untitled-1.gif I hope you see what I mean. Please help me, as I need this website online ASAP cos me and my clan are going to some tournaments and seriously need this online. Thanks in advance, Ferinos I really don't know much about html and I could use some help here. http://www.hazlethawks.com/hawks/cheer_news.asp there should be a link on the left menu that says "loud and proud" but it doesn't show up in firefox. IE works fine. Any thoughts? Thanks in advance I have been working on a site, and I have recently changed over the menus from JavaScript to CSS, the problem is, the site looks completely different when I view it in Firefox as oppose to IE, the menus hide under pictures, extra white space and the bullets are visible. I have attached 2 images of how the site looks in IE as oppose to Firefox Thanks Hello. =) On one of my webpages, I want to link to a specific page in a PDF file. I can't get it to work in Firefox for some reason, and I haven't found the answer online. I used this in Internet Explorer, and it worked just fine: http://www.mysite.com/doc2.pdf#page=6 Is there a way to do the same thing in Firefox? I hope someone can help; thanks in advance! as the title suggests my web page just comes out blank when previewed in I.E but works perfectly for firefox. I have run validation tests with no error results so i have no idea what could be causing this. Hi Guys, Newbie on the forum - so cheers in advance www.cheesenugget.com/lifecoaching/index1.html i have tried everything and it does not display on IE 6,7 or 8 It shows fine on Firefox. Can anyone please shed some light on the issue - i have not added any strange script on it Hi all, I'm tearing my hair out trying to correct the following error. I have one page on my site (the only long page) that has a 1px white line at the bottom in Firefox. It doesn't appear in IE and doesn't appear in my other pages (they all run off the same header and footer files). I was wondering if you could help. Page in question is http://free-uk-bets.co.uk/bet365.php. I've run the page through the W3C validator for HTML and CSS and it passes. I'm using HTML 4.01 Transitional encoding. I think it may have something to do with the height of the divs. Please could someone help? I created a template with photoshop and saved into 1024 x 768 and worked it with front page. when i opened it in firefox the site is apearing at the left side of the window even if i edited in front page to be shown in the middle.In explorer it works just fine. ANy ideas please? Hi guys, So, the problem is: I just made this webpage, which really should be a simple page where the point is to use html/xhtml and css. I also added some javaScript, but thats just to make the gallery look better, or something. Anyways, the page loads good under IE, but when I load it in Firefox the menu is f***** up. I use a table, and it kinda looks like the table height is doubled in firefox, leaving the preLoaded hover-image top-aligned, and the non-hover-image center-aligned, in this doublesized tabel cells. Well, just take a look for yourself. Try loading it in both IE and Firefox. Thanks for any help =) Site: http://stian.portfolio.moo.no the page is displayed well in IE6, IE7, firfox 3, but not in firefox 2 no matter wht is the height of the page it only shows part of it (about 800px height) how can i solve that????? (i'm working locally) thnx in advance :hat: Can someone point me in the right direcction as to why this page of my website does NOT show anymore correctly in Firefox ??! All the other pages of the website seems to show fine !!! http://lasrocasresort.com/diving.html Thanks in advance, Pakal I am working on a website and so far it is coming together the way I intended. Looks good on Chrome, and Safari. IE is not right yet but it looks as expected since I haven't done the IE style sheet yet. However, Firefox is producing a completely unexpected problem. http://nickbogatin.com I will post code but I don't even have an idea as to where the error is yet. Help would be appreciated. Nick I've been trying to get a design to work properly under Firefox for several days. Unfortunately because of ip issues I can't post any code. The basic problem is that I tell a table that I it to have height: 100% and it won't do it. Sometimes (not always) the table renders in such a way such that it is less than 100%. <table><tr><td><table class="gimme_some_height_already">...blah blah</table> Here's the annoying part. The problem is intermittent and goes away every time when I hit refresh under Firefox. Why should the page render differently just because I hit refresh? Also, when the table doesn't render properly, the links don't work. I have standard, nothing special <a> links inside the table. When the table is misrendered and I click on a link, instead of transferring to that page, the table just gets bigger! It's as if the table were in a very delicate state, and if someone touched or sneezed on it the whole page would move and rerender. Very strange. None of this happens under IE. I know that many people think that when IE and Firefox disagree that I ought to go with what Firefox says, but really hitting the refresh buttons shouldn't make the page look different. Does anyone know what is going on, and perhaps how I could go about fixing it? I've tried many variations, trial and error combinations and dirty tricks. |
|||||||