HTML - Ifram Issues, Can Someone Help Me One This

Alright, so I have this site on which I need a certain part of the site (the content part where the main text bit is) to extend down to the bottom (and preferably no longer), so that if the window is smaller or bigger the text will still just go all the way down to the bottom of the page, and when the text is further down that div will have a scrollbar so you can scroll through the text. The main issue is making it so the end of the div is always on the bottom of the page. (I've tried height=100% on that div but then it just goes below the bottom for some reason.)

This is the site.
And here's the code:
Code:

CSS:

   div.main { position: absolute;
	top: 181px;
	left: 110px;
	width: 510px;
	height: 1500px;
        background: url("images/Content Box Bit.png"); }

   div.news { position: absolute;
        top: 25px;
        left: 15px;
        width: 494px;
        height: 372px;
        overflow-x: hidden; 
        overflow-y: auto; }

Code:

HTML:


      <div class="main">
       <img src="images/News and Updates.png"><div class="news">
       <span class="f4"><?php include('sitemapbase.php'); ?></span></div>
      </div>

The reason the height of main=1500px is that that's not gonna be scrollable anyway, and I just added a random value to assure that went to the bottom no matter what.

Thanks for any help. Wasn't really sure where to put this, sorry if it's the wrong place..

EDIT: Just encountered an additional issue, being that the navigation menus (to the left) look off in IE. The background seems not to start where the div starts. Suggestions?

Arg... IE is bugging me as usual.... Now I've been working on the fantasy football site the past few days getting ready for the fantasy season... but when I look at the site on IE we have a few issues going on... here they a

1. text rendering on the image switcher... why does the text look bold? The info there is using the default font-size of 13px which I set... I'm assuming that probably has something to do with it.

2. The poll part 1
Why on earth is the question indented 6px? The links in the "newest articles" section are set to indent 6px... but I set that on the list... the question of the poll isn't even in a list and it somehow got indented...

3. More crappy text rendering on the poll answers... now I'm seeing the results because I voted and the text looks absolutely horrendous... no idea why either.

Any help with these IE crazy things would be greatly appreciated... thanks!

Right then... Problem is, uploaded website, thought that it was ok, checked in Firefox, Safari and even icab... did not check IE (rookie) and did IE have problems? Of course. Basically Some of pics are not showing up - mainly in the shop and one or two on the main pages.
I cannot work out how to fix, def not broken links, really boring I know, but can anyone help? Link to site:

http://www.thefrenchpantry.co.uk

much appreciated...

I run a forum with a small progress bar under the user's avatar showing how far until the user achieves the next rank. The progress bar is simply an image resized based on the % of current posts to posts needed for the next rank. The styling of the progress bar is done entirely inline.


<dd style="padding-left:5px; padding-top:2px;"> <div style="text-align:left; display:block; height:3px; width:80px; border:1px solid #DACDA5;"> <div style="height:3px; width:{postrow.RANK_LEVEL_SIZE}px; background: url('images/progress.jpg') no-repeat;"></div> </div> </dd>

In Firefox and later versions of IE, the progress bar renders perfectly:



In IE6 however, the bar is oversized and the padding is clearly off:



Any suggestions on how I might correct the padding for IE6 would be greatly appreciated. I was going to create a seperate set of code showing the progress bar bracketed by <!--[If IE]> <![endif]-->.

Firefox looks fine. Internet Explorer looks rather dumb.

1. Alignment is off
2. One of the links doesn't work
3. Within the site, the main content box adjusts itself according to text (please click reddish image to see)

Does anyone know how I can fix this? (I'm sure many people have had this problem. I suppose I could use image map on the main page- that would solve #1 & 2. But I'm at a loss about #3.) Thank you very, very much!

http://www.geocities.com/rk.grant/

Hi... Trying to get this site running but had to use somebody else's code for the forms and I cannot seem to get them working...

Here's the link...

http://artinludlow.com/joe/index.html

Do not go to the main "com/index.html" page, use the "joe/index.html" directory.

thanks

Hi guys.
I'm developing a website, as you do, but I've got two glitches with IE7, that Firefox doesn't have (though that always seems the case). This is to do with the OBJECT tag - using this code:

<OBJECT data="nextshow.htm" type="text/html" width=185 height="80%"><P>No information available about our next show.</P></OBJECT>

I wanted to show the content in the HTM file but have a transparent background, showing what is behind the OBJECT. This works fine in Firefox, however with IE7 it assumes a white background on the object by default, not a transparent background. In the meantime I have used a conditional comment on the nextshow.htm page to use a relatively suitable colour for the background if IE7 is being used, but it would be nice to keep it transparent - any suggestions?

The other issue is in using saurdo gallery (an AJAX photo show / gallery applet). If you visit this page in IE7, then select a photo, the screen darkens and loads the photo in full-size, however the OBJECT is still above everything else, covering up a part of the photo as well as the CLOSE button in the box. In Firefox, this isn't an issue, with the object displaying underneath the box and darkened screen. The aforementioned link will also exemplify the first issue I am having.

If you can help me out I'd be very appreciative.
Thanks!
-Rhys Andrews

Hello all.

This is my first post with you guys and i hope that someone can help me.

i have created a website at www.beresfordmandley.co.uk and i am having a problem with only one page that scrolls down when using IE7. This does not happen with Safari or Firefox.

On the race calendar page there is unexpected movement on the left menu buttons and on the right tables and it does not look right.

is there a snippet of code that would stop this happening.

(I can post the HTML code. Just ask)

Many thanks
Marcus

Hi am coding a new website the the moment but i am testing a few things, i am wondering if somebody could help me. Basically the issue it the links sit to high on the navibar but when i add a break they sit to low. Is there a code which can enable me to get it to sit in the middle. The link on the navibar is text not images. I look forward to the feed back. if you would like so see what the problem is i can post the website URL

here is the URL http://www.ycn-hosting.eu/newsite/

Kind Regards

The Image of the guy on this page ( http://www.kaerumusic.com/2011/06/13/jay-chou/ ) is coded like this:
HTML Code:

<img src="http://i139.photobucket.com/albums/q303/froggirl003/KM%20Pix/6962_jaychou.jpg" alt="" width="200px" height="280px" align="left" />

But I want the text after the description (the tabs) to be after the picture. How to do this?

I'm having some problems with IE (who doesn't?), especially the older versions (or running IE8 in compatibility mode).

http://www.wagnermeters.com/slider/carousel3.html

I'd appreciate it if you could take a look at it and see what I need to change or add. In firefox, it works great. Here's what it's supposed to do:
There's a main image with a bunch of meters on it. If you click on a meter, an enlarged image pops up, and a menu slides out to the right.
In old IE, the when you click on the leftmost meter, the image doesn't show. Also, all the menus for the meters have something like 5 or 6 pixels of spacing in between each image in the menu.

How do I fix those things?

Update: I've fixed the spacing after each image by adding a break after them, but that first popup still is missing the image.

I am designing my first web site with a PSD file. I have sliced it and there are no issues there. Except that around each image that was sliced and is now a hyperlink to another page, there is a border. I do not want this border there. Is there anyway to get rid of it? By the way, I am using XHTML transitional and CSS. If I need to use something else then please let me know. Thanks

When you check out the following sites in IE 7 the table cells break the text of combined cells.

http://www.destinydealers.de/members.html
http://www.destinydealers.de/achievements.html
http://www.destinydealers.de/imprint.html

In Firefox/Google Chrome/Seamonkey and so on everything is just fine. In IE 8 everything is fine too, but only for a few seconds and then it puts me back to IE 7 compatibility (...and bugs).

Morning everyone.

I am having a problem with getting a table containing flash files and images to align correctly in IE. The site looks fine in Chrome and FF but in IE there is a slight space between the two columns of flash buttons on the left-hand side and the image on the upper-right. This happens in IE 7 and the 8 beta. The site is:

http://www.kidsnightonbroadway.com

Many thanks in advance for any assistance you can provide.

Andy

I have a page laid out, but its not centering the main table? All the contents should be centered on the page but its shoved to the left. Take a look he

www.puliz.com/default2.htm

Also, there is a gap in the graphics just below the image map that I have placed there. Any ideas?

Thanks in advance!

Scott