I need my website to span the entire screen but need it to be responsive???

Ok, i've been looking for a long time for the answer to this but to no avail.... probably because i'm wording it worngly or something.
I'm building a website for my new home business and i'm using the fluid grid layouts that are native to DW but for the life of me, i can't get my site to fill the entire screen real estate as the grids in DW only seem to allow my site to go so wide.
How do you make a website responsive the acts like this Adobe site for instance...... fills from one side of my screen to the other... no screen wastage??? I have no idea why i ca't get any info on this, i was sure it would be a common thing people wanted to know in web design??? Granted i'm not a pro web developer (yet hehe) but i'm not dumb and can take on any challenge so feel free to answer in any way that is helpful.
I need to get this done rather rapidly as we are hoping to go live in 2 months time haha....... thank you all very much well in advance =]

Just to clarify, you want all content to be flush left with the browser? This can be difficult to see on some people's devices which is why FGLayouts have a wee bit of wiggle room around the viewport.
/* Mobile Layout: 480px and below. */
.gridContainer {
margin:0 auto;
padding:0;
width:99%; /**adjust width as desired**/
/* Tablet Layout: 481px to 768px. Inherits styles from Mobile Layout. */
@media only screen and (min-width: 481px) {
.gridContainer {width: 98%; /**adjust as desired**/}
/* Desktop Layout: 769px & higher. Inherits styles from Mobile and Tablet. */
@media only screen and (min-width: 769px) {
.gridContainer {width: 92%; /**adjust as desired**/}
Nancy O.

Similar Messages

When I make a mis-stroke screen images balloon up to fill the entire screen. how can I return them to normal?

I don't know what I do to make the image blow up. They don;t fill the entire screen, but fill up the normal-sized screen. This has happened on two sites. How can I get them back to normal.

Is this on Android or on the desktop? On Android, try double-tapping to zoom back out. On the desktop, to reset zoom, try Ctrl+0 (that's a zero).

HT4060 My iPad needs recharging. I plug in the charge cable in what I think is the recharging slot. I cannot find anything in any of the literature on the website that identifies the charging slot but the plug seems to fit! But it won't charge.

My iPad needs recharging. I plug in the charge cable in what I think is the recharging slot. I cannot find anything in any of the literature or on the website that identifies the charging slot but the plug seems to fit! But it won't charge.

Ther does seem to be quite a lot of comments about this issue
It seems the charger is a little slow and takes upto 4 hours to charge
closing all apps and leave the ipod in standby seems to off the best charging experience
I hope the Photo helps
In my view apple should have included a better charger for the price, the new 12w adaptor will reduce the charge time and resolve you problem, however its about $15
http://store.apple.com/uk/product/MD836B/A/apple-12w-usb-power-adapter?fnode=3c# overview

I have an issue where coloured dots (small squares) appear on my screen and it gets to the point where the entire screen freezes although the mouse still moves but nothing works and I need to turn the computer off at the switch. Any ideas?

I have an issue where coloured dots (small squares) appear on my screen and it gets to the point where the entire screen freezes although the mouse still moves but nothing works and I need to turn the computer off at the switch. It doesn't happen all the time but is very annoying. Any ideas?

Reset the SMC and PRAM, if the issue continues then you likely have a failing GPU (hardware) that requires repair. To be sure take it in and have it professionally assessed.
Intel iMac SMC and PRAM resets

How to set a background image to fill the entire screen on any device in a spark mobile application

Hi,
I started developing a mobile application with Flex.
I'm trying to set a background image to fill the whole screen. I've been stucked at this point for days now. I tried everything and no solution seems to work for me.
I'm using a TabbedViewNavigatorApplication and i need to set some background images on views.
I need my image to fill the entire screen on any device. i don't need to mantain image aspect ratio, just need it to be fullscreen. This seemed to work when setting a custom skin on the TabbedViewNavigatorApplication, however this blocked all my views for some reason and all components contained in view became invisible.
Can you please tell me how can i achieve this?
Kind regards,
Dan

Basically you need a larger image which can accommodate any device. The trick is to show only what each device can display, so therefore some clipping will occur based on device. Have something centered and towards margins have a gradient or just plane colors that way the stuff in the middle will be visible on every device while nobody will care if you are clipping from the color fill.
C

I just bought a Samsung S22B310B computer monitor and hooked up to my Mac Mini. I have my mac set to the 1920X1080 resolution but the entire screen (21.5") is not filled. It looks like non HD channels do on an HD TV. Used regular hook up not DVI.

Just bought Samsung S22B310B computer monitor and hooked it up to my mac mini. I have my mac set to the 1920X1080 resolution but the entire screen (21.5") is not filled. How do fill the screen? it fills the screen on other resolution settings. I have it hooked up regularly and not to the DVI hook up. I'm not a computer savvy person please help!

That monitor supports both (digital) DVI and (analog) VGA connections, so you should not need a converter or use a different adapter.
You should use the Apple Supplied HDMI to DVI Adapter and a (digital) DVI cable to the monitor.

CS6 problem. When I open the Mask panel, it takes up the entire screen width and the Looks controls disappear, Also, there is a new panel below the Mask panel that seems to have no purpose that I can find. The documentation says "Mask and Look panels - Th

CS6 problem. When I open the Mask panel, it takes up the entire screen width and the Looks controls disappear, Also, there is a new panel below the Mask panel that seems to have no purpose that I can find. The documentation says "Mask and Look panels - The Mask panel is now placed next to the Look panel. WIth the masking and grading tools placed side-by-side, you can now work faster on the mask workflow." Is there a way to move, hide, or otherwise manipulate the panels for a custom layout? All the examples I can find on the Web show the Looks panel to the left of the Mask panel where the controls are available.

Ok, here is what I have so far. Appdelete the iWork and reinstalled. Pages and Number work, but not Keynote.
Now, I downloaded a couple apps that I need, and no matter what I did, the spinning ball came up and the download stopped till it unlocked itself. It is really frustrating because the download was not completed and whatever came through would not mount. Could this issue be the internet connection? Permission fix showed a lot of Airport issues. I will try to run permissions fix again.

How do I get SD video (4:3 aspect ratio) to fill the entire screen?

Any 4:3 video I stream has black bars on either side of the picture. I have a Samsung HDTV, and I can stream content using its own pc to tv streaming software and 4:3 videos fill the entire screen. Or if I play a DVD with 4:3 aspect ratio that will also automatically fill the screen. With the Apple TV I cannot make it fill the entire screen. Is this something to do with the signal being transmitted over an HDMI cable?
Has anyone else had this problem, and if so how have you resolved it?

I know it is displaying 4:3 video correctly, however I'd prefer if there was some stretching (non-linear) so that it fills the entire screen. Having 2 big black bars on either side gets very annoying. There doesnt seem to be an option to fill the entire screen when streaming from the apple tv. There are options when streaming from Samsung's own software (I don't want to use samsungs pc share manager as the apple tv's user interface is much better).
Are my options restricted because the signal is transmitted through an hdmi cable? Seems to be what other websites might be suggesting.

Why isn't my Face Time screen expanding when I press the arrow buttons? I am getting a very narrow view. I want the entire screen.

Why isn't my Face Time view expanding to show the entire screen when I press the arrows on the corners of the screen? I'm only getting a narrow view.

If you've tried holding down both buttons together for 30-60 seconds and still nothing, you need to make an appointment at your nearest Genius Bar to have it evaluated. They will give you your options at that time.

I've never dropped my phone for the 7 months that I've had it but last night I was at a park and when I sat down at a table, my phone as in my pocket and I heard a pop. I took my phone out and the entire screen was cracked. what should I do?

I've never dropped my phone for the 7 months that I've had it but last night I was at a park and when I sat down at a table, my phone as in my pocket and I heard a pop. I took my phone out and the entire screen was cracked. what should I do?

Probably not, since user-caused damage isn't covered by the warranty. But you can take the iPhone to an Apple Store and see if there's anything they can do for you. A phone company store will not service your iPhone at all, to the best of my knowledge.
Regards.

When I go into iTunes on my Mac is recently takes over the entire screen and I can not get rid of it. Is there a setting I can change to have it work the old way?

When I go into iTunes (the latest update) now, it takes over the entire screen is difficult to remove. Is there a setting I can change in it to have it behave the old way?

I presume you are runnning iTunes on either an OS X 10.7 or OS X 10.8 system. Move the cursor to the very top of the screen so that the menu bar appears, then click the blue box with the arrows at the very right corner of the menu bar, or press Shift-Command-F. That will switch iTunes back to a normal window, which it should then remember for future launches.
Regards.

The picture from my AppleTv on my Samsung LCD TV doesn't fill the entire screen. It is only a strip across the screen

The picture on the screen when viewing movies on Apple TV on a samsung lcd screen is only a strip across the screen and doesn't fill the entire screen. Any settings suggestions?

If you can get to the settings on the AppleTV attempt to adjust the resolution settings to something more appropriate.
This may help
https://www.apple.com/support/appletv/essentials/

I'm trying to get rid of logmein. I threw away the entire application but I can't remove it form my overhead menu bar and the activity monitor tells me it's still running.

I'm trying to get rid of logmein. I threw away the entire application but I can't remove it from my overhead menu bar and the activity monitor tells me it's still running. How do I get rid of it completely?

Install it again and use the developers uninstall instructions
How to uninstall/install software on your Mac

Template doesnt fit the entire screen in IE

Hi
I tried to use premade templates (both HTML and Flash) by inserting them in Dreamweaver. When I tried to preview in IE how it would look like, the template shows up fine, but it doesnt fill the entire screen. Right part of the screen is white.Does anybody know why it happens and how to fix it?
Thanks

Does the template have some sort of a <div> wrapper class? What are the margins set to? To get full screen there shouldn't be a width set in the css file to wrap your pages with.
Hope this helps!

Blurring the entire screen in a WinForms application

Hello,
I am trying to come up with a way to blur the entire screen (all forms visible) on a WinForms program. I am using C# in VS2005. I have tried the code from this link:
.net - C# dialog form with blur background - Stack Overflow
...and it works quite well, however it only works for the active form, not for all forms visible. How would I adapt this code to work for the entire screen? I looked at
the Application.OpenForms[] controls, but I can only do one control.
Is there a more elegant way to do what I'm trying to achieve?

Hi friend,
Like your title mentioned, this is a WinForms application case. So I moved your case to Winform forum for better support.
Best regards,
Kristin
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

I need my website to span the entire screen but need it to be responsive???

Similar Messages

Maybe you are looking for