|
HTML - Unwanted Vertical Scrollbar In Safari... Driving Me Crazy!
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 Similar TutorialsI'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> 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. 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. 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 Hey everyone, I was wondering how I can get rid of a scrollbar that only shows up in IE, when I embedded another webpage inside a webpage. I specified size and the other webpage is only a few lines of text so it doesn't need to scroll to see everything. I don't have this problem in FF. HTML Code: <object data=siteupdates.html width="100%" height="212"> </object> Thanks 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 I have a vertical scrollbar in green colors and it can be viewed in IE 7 but when I look page in Firefox 3.0.15 it can not be viewed in green colors. page: http://www.astrosport07.webs.com/ Can I do something that scrollbar to appear in green colors in "all" brawsers? I have had a look at this previous thread - but i still have an unwanted and unnecessary vertical scrollbar when using IE7. Can anyone help me get rid of it - please Even with a no-brain - one line page the scrollbar is displayed Heres my page Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Title Page</title>
</head>
<body style="overflow:hidden">
<p>One line of text</p>
</body>
</html>
I've had a browse through the forums and done a bit of googling - but I haven't found a solution I wanted to have the scrollbar in my table inside my web page instead of extending the page making it longer when I have plenty of text... This is what I have at the moment: [code]<td height="420px"> </td> <td height="420px"> <table width="100%" height="420px" border="1"> <tr> <td width="70%" valign="top" height="400px" overflow:"auto"; class="component"><jdoc:include type="component" /> </td> <td class="valign"> <table class="table1" border="0"> <tr> <td height="10px"> <div id="recent"> Recent Project </div> </td> </tr> <tr> <td> <jdoc:include type="modules" name="recentproj" /></td> </tr></table> </td> </tr> </table> [code] Hello, I'm making a new personal website about photography. I'm using Slideshow Pro for Lightroom. The problem is that, when I go to the gallery at http://www.raulnunes.com/temp/ if the screen resolution is less that the flash component, the vertical scrollbar does not show. Why is that? Best Regards, Raul Nunes Hey good morning Im a photographer in st.louis . I normally do well with basic html im stuck now though. Im simply trying to get a Google Check out Button , Schedule Now Button , Facebook button and Twitter button all to appear on the same line on my web site. Right now they are stacked taking up way to much space. Any help would be appreciated. Here is a link to my web site so you know what Im talking about. simply scroll to just under the description of my Beginner Photography Course http://www.stlphotoart.com/Other/Beg...6793697_9F5rP3 Hi, I have a cell within a table and into that I would like to place 4 x layers, all on top of each other. Adjacent to this I have 4 rows in a table, each with an image - the aim is to use OnMouseOver to hide / unhide the layers depending on which of the 4 smaller images are hovered over... The problem I have is that my website uses tables (width 950px) that are centred on the screen - and with resizing the screen in different browsers, the layers go out of alignment. Is there an easy way to ensure the layers always stay within the table cell? I'm using Dreamweaver MX2004. Thank you in advance for your very kind help. Matt Heres the html code: Iam just leaning the stuff, so please be patient. when you goto the url theres a box all arond the website like its a pictue or somthing Heres the www:The BOX http://onestart.awardspace.biz HTML: CODE http://onestartcomputers.weebly.com/html.html Not sure this is the right way of posting but it works. So I'm redesigning a page for a friend, and we decided that iframes would be an awesome way to not have to update every page of the site when he wanted to change his menu or whatever. The design looks good now, but I'm having a problem trying to redirect the pages to only open in the frame. I've looked on google endlessly and can't seem to find what I'm looking for. The code that puts the iframe in my main frame page looks like this: <center><iframe name="iframe" width="100%" height="100%" *overflow-x:hidden;*></iframe> </center> The problem is that if someone finds a page on a search engine, they'll only see the page intended to be viewed in the frame. There's no way for them to get back to the home page, and the design of the page is basically absent. To deal with that, I found a piece of javascript that is supposed to make the page automatically open in its proper iframe, regardless of where it is linked from. That code looks like this: <SCRIPT LANGUAGE='JavaScript'> <!-- if (top == window) location.href = "home.htm" --> </SCRIPT> So, assuming you're still with me... when I use that piece of javascript, it redirects to the page with the iframe, but the iframe is blank. Originally I had the iframe set up to display the home page by default, but then when I used the js on other pages, it brought up the frame as well as an error message in the iframe. My question, then, is this: how the #(&$ do I set the iframe to display whatever page it is redirected from? It's driving me nuts, and I can't find info on this anywhere! Any help would be greatly appreciated! FYI, if it helps to see the pages and the errors I'm getting, the frames page is www.inthebackrow.com/home.htm. To see the orphaned pages, you can try www.inthebackrow.com/fun.htm, and the page I've been javascript-experimenting with is www.inthebackrow.com/driveins.htm. Thank you!! Hi all, I have a problem that I think is simple but is making me go insane. I have a HTML email service that sends me email from my google blog without having top give my email address out. The problem is that it doesn't fit into my google blog. What I want to do is just to take the boxes and put the labels in myself, which is not a problem, but I need to know what part of the HTML makes the buttons work. Any help would be greatly appreciated, for my sanity more than anything else!: <form method="post" action="http://www.emailmeform.com/fid.php?formid=68804" enctype="multipart/form-data"> <INPUT TYPE=hidden NAME=FCode VALUE="5bb5hnjb"> <table cellpadding="2" cellspacing="0" border="0" bgcolor="#FFFFFF"> <tr> <td> <font face="Verdana" size="2" color="#000000"></font> <div style="" id="mainmsg"> </div> </td> </tr> </table> <br> <table cellpadding="2" cellspacing="0" border="0" bgcolor="#FFFFFF"> <tr valign="top"> <td nowrap><font face="Verdana" size="2" color="#000000">Your Name</font></td> <td> <input type="text" name="FieldData0" value="" maxlength="100" size="20"> </td> </tr> <tr valign="top"> <td nowrap><font face="Verdana" size="2" color="#000000">Your Email Address</font></td> <td> <input type="text" name="FieldData1" value="" maxlength="100" size="20"> </td> </tr> <tr valign="top"> <td nowrap><font face="Verdana" size="2" color="#000000">Subject</font></td> <td> <input type="text" name="FieldData2" value="" maxlength="100" size="20"><div style="position:absolute; top:343px; right:1582px;"><b>Tip: How to create web forms</b><br>Ever needed to create web forms for your website? We recommend Emailmeform, a service that helps you <a href="http://www.emailmeform.com">create web forms</a> easy in a few steps. No need to learn HTML or PHP!</div> </td> </tr> <tr valign="top"> <td nowrap><font face="Verdana" size="2" color="#000000">Message</font></td> <td> <textarea name="FieldData3" cols="40" rows="15"></textarea><br> </td> </tr> <tr> <td colspan="2"> </td> </tr> <tr> <td> </td> <td align="right"> <input type="text" name="hida2" value="" maxlength="100" size="3" style="display : none;"> <input type="submit" class="btn" value="Send email" name="Submit"> <input type="reset" class="btn" value=" Clear " name="Clear"></td> </tr> <tr> <td colspan=2 align="center"> <br> </td> </tr> </table> </form> I'm quite new to HTML and have only just started using Div tags as oppose to large tables to produce websites, i only do this for fun and they don't go on the net. As for my problem, the div tag that contains the main content of the page has moved below the navigation bar and i want it to be sat to the right of it... Will you need the coding for the website? It looks like this.. Header Nav bar Main content Footer I want it to be like.. Header Nav bar | Main content Footer It had been like this, and i'm not sure why it changed.. Thanks in advance for any help. =] ~Josh. This is my very first post on this forum, so please, be gentle with me. I write my websites in HTML code but recently I seem to have created an anomaly that I cannot get to the bottom of. If you pop over to this page: http://website.lineone.net/~barrybboor/tirol58.html you will see a very large space below the 'FULL RESULT' line and the start of the result table. According to the coding I have, there shouldn't be any such space but I can see no reason for it and cannot find a way to reduce it. Can anyone help a poor elderly novice, please? Hi! I've looked it over and over ant I can't seem to find the solution to this. A huge space appears on my webpage without permission! Here is the code HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<SCRIPT TYPE="text/javascript">
function popup(mylink, annonces)
{
if (! window.focus)return true;
var href;
if (typeof(mylink) == 'string')
href=mylink;
else
href=mylink.href;
window.open(href, annonces, 'width=600,height=600,scrollbars=yes');
return false;
}
//
</SCRIPT>
<TITLE>Duo: balalaika et piano -- Dmitri Nassyrov et Victoria Khramova</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; Charset=Windows-1251">
<META NAME="GENERATOR" CONTENT="Microsoft FrontPage 5.0">
<META NAME="Author" CONTENT="Dmitri Nassyrov">
<META NAME="KeyWords" CONTENT="balalaika, Victoria, Khramova, Dmitri, Nassyrov,
concerts, piano, duo, stringsandkeys, douce, soiree, histoire, du, balalaika">
<META NAME="Description" CONTENT="Le duo du balalaïka et du piano: Dmitri
Nassyrov et Victoria Khramova, ont un repertoire tres varié: folklorique,
classique, jazz, et autres... ">
<TITLE>Duo:balalaïka et piano - Dmitri Nassyrov et Victoria Khramova</TITLE>
<link rel="stylesheet" type="text/css" href="style.css" />
</HEAD>
<div id="container">
<BODY BGCOLOR="#000000" TEXT="#000000" LINK="#0000FF" VLINK="#7F007F" ALINK="#FF0000"
BACKGROUND="../img/bcknd.jpg" bgproperties="fixed">
<script language="javascript">
var u=13200;
var vsbl=0;
var l='';
</script>
<script type="text/javascript" language=Javascript
src="http://h1.hitslog.com/counter.js"></script>
<script language="javascript">
document.write('<a href=http://hitslog.com/><img border=0 width=1 height=1
src=http://h1.hitslog.com/hl.php?'+l+'></a>');
</script>
<noscript>
<a href="http://hitslog.com/"><img border=0 width=1 height=1
src="http://h1.hitslog.com/hl.php?u=13200" alt="MySpace tracker"></a></noscript>
<TABLE id="main">
<tR width=720 height=160>
<td valign=top width=615 height=160><IMG width=615 height=160 alt="Duo:
balalaïka et piano - Dmitri Nassyrov et Victoria Khramova"
SRC="../site/IMG/HEADER2.gif">
</td>
<td>
<table valign=center width=105 height=75 cellpadding=0>
<tr class="lang">
<img alt="En Français" border=0
src="../site/img/francaisclik.gif" >
</tr>
<tr class="lang">
<a href="../eng/index.html"><img alt="In English"
onmouseover="this.src='../site/img/englishon.gif'"
onmouseout="this.src='../site/img/english.gif'"
onclick="this.src='../site/img/englishclik.gif'" border=0
src="../site/img/english.gif"></a>
</tr>
<tr class="lang">
<a href="../rus/index.html"><img alt="По-Русски"
onmouseover="this.src='../site/img/russianon.gif'"
onmouseout="this.src='../site/img/russian.gif'"
onclick="this.src='../site/img/russianclik.gif'" border=0
src="../site/img/russian.gif"></a>
</tr>
<tr width=100 height=85>
<img alt="Duo: balalaïka et piano - Dmitri Nassyrov et
Victoria Khramova" src="../site/img/sideheader.gif">
</tr>
</table>
</td>
</tR>
<!--The big space is here-->
<TR>
<td colspan=2>
<table width=720>
<tr>
<td valign=top>
<TABLE valign=top>
<TR>
<TD class="menu"><A HREF="INDEX.HTML"><img src="../img/bienvenueclik.gif"
alt="Bienvenue" border="0"></a></TD>
</TR>
<TR>
<TD class="menu"><A HREF="DUO.HTML"><img src="../img/leduo.gif" alt="Notre
duo" onmouseover="this.src='../img/leduoon.gif'"
onmouseout="this.src='../img/leduo.gif'" onclick="this.src='../img/leduoclik.gif'"
border="0"></A></TD>
</TR>
<TR>
<TD class="menu"><A HREF="concerts.HTML"><img src="../img/concerts.gif"
alt="Nos concerts" onmouseover="this.src='../img/concertson.gif'"
onmouseout="this.src='../img/concerts.gif'"
onclick="this.src='../img/concertsclik.gif'" border="0"></A></TD>
</TR>
<TR>
<TD class="menu"><A HREF="audio.HTML"><img src="../img/audio.gif" alt="Notre
musique" onmouseover="this.src='../img/audioon.gif'"
onmouseout="this.src='../img/audio.gif'"
onclick="this.src='../img/audioclik.gif'"border="0"></A></TD>
</TR>
<TR>
<TD class="menu"><A HREF="historique.HTML"><img src="../img/historique.gif"
alt="L'Histoire du balalaïka" onmouseover="this.src='../img/historiqueon.gif'"
onmouseout="this.src='../img/historique.gif'"
onclick="this.src='../img/historiqueclik.gif'" border="0"></A></TD>
</TR>
<TR>
<TD class="menu"><A HREF="liens.HTML"><img src="../img/liens.gif" alt="Liens"
onmouseover="this.src='../img/lienson.gif'" onmouseout="this.src='../img/liens.gif'"
onclick="this.src='../img/liensclik.gif'" border="0"></A></TD>
</TR>
<TR>
<TD class="menu"><A HREF="contact.HTML"><img src="../img/contact.gif"
alt="Comment nous rejoindre" onmouseover="this.src='../img/contacton.gif'"
onmouseout="this.src='../img/contact.gif'" onclick="this.src='../img/contactclik.gif'"
border="0"></A></TD>
</TR>
</TABLE>
</tD>
<TD VALIGN=top>
<table id="text" height=100% width=500 cellpadding=20 style="BACKGROUND:
url('../site/img/textbcknd.jpg'); ">
<tr>
<!--<marquee id="test" onMouseOver="document.all.test.stop()"
onMouseOut="document.all.test.start()" scrollamount="2" scrolldelay="20" width="100%"
height="51" behavior="scroll" direction="left"><font face="arial"
align=middle><i>
<A HREF="annonces3.html"
onClick="return popup(this, 'annonces',true)"><b>17 novembre - 20:00</b></A><br>
Festival "From Russia With Love"<br>
à la bibliothèque publique juive.
</i></font></marquee>-->
</tr>
<tr>
<td valign=top>
<font face="times new roman" size=3>
<h2>Un duo, c'est indivisible...</h2>
<p align=justify>Dans un duo, le rôle de chaque musicien n'est pas seulement de
compléter son partenaire, mais aussi de souligner la sonorité de son
instrument.</p>
<p align=justify>Notre duo est assez particulier et assez unique à
Montréal. Les deux instruments composant notre duo sont: le piano et le
balalaïka - instrument folklorique russe. Les possibilitées de cette union
sont surprenantes, dans le répertoi folklore, classique, jazz...</p>
<hr width=95%></hr>
<p>Sur ce site, vous trouverez de l'information sur nos <A
HREF="concerts.HTML">concerts</A>, vous pourrez écouter nos <A
HREF="audio.HTML">enregistrements</A>, lire nos <A HREF="DUO.HTML">biographies</A>, et
plus encore.</p>
<p>Et, bien sûr, nous serons heureux de vous voir à nos concerts!</P>
<p><i>Dmitri Nassyrov et Victoria Khramova</i></p>
</TD>
</tr>
</table>
</td>
</tr>
</table>
</td>
</TR>
</TABLE>
<font face="arial" size=1
align=right> &nb
sp;
&nb
sp;
&nb
sp; Dmitri Nassyrov et Victoria Khramova © Tous droits
réservés.</font>
</BODY>
</div>
</HTML>
I put "The big space is here" where the space occurs. The weird thing is that if I open the file in some html editing software (frontpage), it looks fine, but once I open it in IE, the space appears. Here is the style.css file if it needs checking: HTML Code: body {
text-align: center;
background-color: rgb(239,197,137);
}
#container {
margin: 0 auto;
}
#main {
border:0px; /* border="0" */
border-collapse:collapse; /* cellspacing="0" */
}
#top {
border:0px; /* border="0" */
border-collapse:collapse; /* cellspacing="0" */
}
tr.lang {
horizontal-align:left;
width:100px;
height:25px;
}
td.menu {
width:220;
height:40;
}
table {
border-collapse:collapse;
}
#text {
padding:20px;
}
Any help is appreciated. Thank you for your time! I inserted a SWF inside a table and it should fit perfectly. However, the table streches a bit and makes the background repeat for a couple of pixels which totally screws the layout. Here is my website: http://jlcq.uuuq.com/jl.html I'm talking about the two horizontal lines on each side of the banner. It looks like the SWF has some kind of margin. How can i delete it so it fits perfectly? If you have the time take a look at my code or download the site and find a way to modify the code so that it fits. Note that the problem also occurs if I insert an image in the same spot instead of a SWF. Thanks! I have stared and stared and STARED at my code, but I cannot figure out where the stray equal sign (=) comes from on this page. It shows up centered on the page between the "Log out" and the "Team" Maybe another set of eyes can help. Thanks in advance. Jo http://www.bocachristian.org/preview/_pages/stray.php |
|||||||