HTML - Help Required: Horizontal Scrolling On Low Resolution Screens...

I'm trying to get horizontal scrolling of images that scroll behind a block of fixed text.

I attached a mock up.

And here is one of the staging pages if you want to see the html/css.

I'm trying to accomplish a "layered" effect of image gallery and text. As you can see in the mockup, the block of text has a transparent background to help this effect.

I tried to do a hiden overflow for the horizontal navigation container and have the block of text be a container with a fixed position. But its a mess.

Any advice on achieving this?


**Edit: This site has the same kind of architecture I'm looking for -

http://csaustodesign.com/work_ns.html

I can't seem to figure out how this person did it though, their source code is a mess...

http://knexinnovation.net/store/

I thought that if your background is wider than the window, it won't create a scrollbar to show the full image. Or is this not the case?


Currently it has a horizontal scroll bar for 1024px users. The footer image is actually the
body { } background, aligned to the bottom center.

Hello,

I have a demonstration site set up at: http://www.sikhfaith.com/demo

The site works perfectly in Firefox 2.0. However, in Internet Explorer 7.0, there's a huge blank space on the right side of the page which causes IE to display a horizontal scrollbar.

I haven't been able to pinpoint what is causing this. Any help would be appreciated.

Thank you.

I've seen on some sites that images show up within a block and they scroll left and right when user clicks a button. And many times, these are not flash files, but html, or xhtml or dhtml or asp or php or some other extensions.

I am trying to create a database of images all with labels (multiple), so that I can pull all images of a label to a window and have them scroll right and left with buttons.

does anyone here know how this may be done?
Thanks
Navs

Hello. First time here asking for help. Hope there's a solution!

The site in question is http://www.jason-bradbury.com/Design.html. It's my first attempt at web design and I'm stumped.

The goal is to present my art portfolio in a horizontal scrolling layout with a fixed header and footer. Ideally it would look identical across the many browser platforms.

On a Windows laptop, my page looks and functions as it should in the latest browser versions of Safari, Google Chrome and Firefox as long as there aren't a stack of toolbars enabled. If toolbars are present (mostly in Firefox), the footer gets truncated and the page will not vertical scroll to allow it to be seen.

So my first problem is getting the vertical scrolling (for the entire page including header and footer) to appear only when necessary in that situation.

On my Mac Pro (I have not been able to test a Macbook yet) the page appears normal across the board with Safari and Firefox (have not tested Chrome or IE)

The second problem is that in all versions of IE (and older versions of Firefox prior to 4.0) the page is displayed incorrectly.

In IE, the header is missing, the left margin is way off and a vertical scrollbar is present for the body (again, if the vertical scrolling was for the entire page it wouldn't be so bad). As for the horizontal scrolling, it is very sluggish in IE.

Firefox only has the vertical scrollbar in the body problem and since the header is shown in that browser, the body overlaps it when scrolled up.

The page was originally designed in iWeb and then I had to tweak the code in Dreamweaver to get the fixed header and footer.

Hope someone can help me out here! Cheers, Jason.

the requirement is that ina screen if sso enabled=y the screen for sso should come
else the original screen shoudl come ie when sso_enabled =n
so but both should be in same page
only that one of them shoudl get activated accordingle according to y or n
it shoudl not be scrollable
any ideas?

Hi,
My website, when viewed on my blackberry, is coming out all wrong - assume it is because of the smaller screen size on a phone.
However, when I downloaded the initial template (which I have made a lot of html and css changes to), the mod-slide didn't flow down the page as it does now.
Please could anyone help.
The website is www.auxus.co.uk
Thanks,
Ishveen

I've got a very slow server which was making the screen->new screen time very slow, so to prevent there being agonising white inbetweeney screens, i put the meta-tags in:
meta http-equiv='Page-Enter' content='blendTrans(Duration=0)'
meta http-equiv='Page-Exit' content='blendTrans(Duration=0)
which does the trick..but, as I am also showing, hiding elements thru script I am also seeing these elements come and go, which is confusing.
Any ideas?

hey i need some help to scale my webpage to fit all screens.

a mate of mine told me to use this code, however it dosn't work


Code:

<html>
<head>
<style>

span.site {
		
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:1680px;

}

</style>
</head>

<body>

<span id="site">

blablabla

</span>

</body>
</html>

how should i solve this problem?

Hello, I've got a pesky bug that I can't figure out...

I'm designing a website for a record store and the width is a little larger than 800px..

on larger screens, it loads just fine.. however when I try to load it on a smaller screen and scroll to the right (to see the info that is cut off) all of the background colors of my elements continue to be cut off. This does not occur when I start with a small window on a big screen and resize... hope that makes some sort of sense

here's the site

Hi,

I'm brand-new to the forum, and brand-new to html. I'm attempting to modify a form on my website.

I had hoped I could avoid learning html by having someone else design my website, but it's becoming increasingly frustrating to go through him for every minor change (not to mention expensive).

So, I'm basically learning html while changing this form, and I know it's not a real pretty script, but I just need it to do its job.

After 5 hours of work on it, I thought it was just perfect. Every time I made one or two change, I uploaded it, and tested the form before saving it and moving on. It was going fine, until the last changes (removing the required validation on several fields)--now the form submits even when not a single field is filled in. Even undoing the changes and going back to the previous version doesn't help...

Here's the original: http://www.cbellisfunding.com/capital_request_form.html

And here's my edited version: http://www.cbellisfunding.com/capita...0modified.html

Feel free to try the form out; I don't mind the docs in my inbox if it helps troubleshoot.

I would greatly appreciate any constructive input!
Thank you!
~Michelle~

oh, by the way, I ran the html validation software and it came up with 193 errors (!). All of them were my programmer's, not mine. (I change only a few very specific things) Many were closing code, and I hand-fixed those. The rest I haven't a clue how important they are to repair, since the web form has worked with them so far...

Friends
I am new to HTML, I have created a page, but when I view it on 00*600 it looks fine as I designed. But
When resolution is increased, it shows right side empty.
What should I do
?????????

Well, my website is almost complete now, but its still not "wide" enough to extend all the way to the scroll bar on IE. Can anyone explain if there is an HTML code for this? or how to fix this on Dreamweaver?

Hi.

I'm just wondering what standart screen resolution i stheese days? Doen anybody still use 800x600, or is it alright to build a website for 1024x768?

If so, is there any "design resolution" to prevent scrollbars in the most usen browsers?
(What i mean is what resolution to give for example a flash site)

Parashurama