Horizontal Bar when equal or under 1024x768 in 4:3
Hi everybody,
I have used a width of 1012px for my header, container and footer. I can't think of
another element that might be affecting the total width of the page.
The problem is that when I view the page in 4:3 monitors that use 1024x768 resolution
a horizontal bar appears in the bottom of the browser (mozilla and IE) as the page does't seem
to fit. In widescreen monitors there is no problem as the rest of the image is filled by a background image.
I'm thinking I've left out some margin padding or something somewhere that affects the overall width.
Any ideas?
Thanks
Generally a 960-980px width is recommended for the overall width of a design, to fit within a 1024 browser window to allow for the chrome, scrollbar etc.,
You may need to decrease the overall size of your layotu to fit within that criteria.
Nadia
Adobe® Community Expert : Dreamweaver
http://www.perrelink.com.au
Unique CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
http://csstemplates.com.au/
http://twitter.com/nadiap
Similar Messages
-
I had reset my iPhone and my Dictaphone refuse to start. I sea a microphone picture but when I push the 3 horizontal bars or the red buttom, they return to the main menu...
rstevenson wrote:
If i factory reset my iPhone will it relock to O2?
I've had my iPhone 3G for a couple of years and when out of contract i asked O2 to unlock it, which they did. I've used a Three sim card and it works okay. I've now decided to sell it but before I send it to the buyer i want to factory reset the phone. Will it remain available to use on any network once i've reset it, because i've advertised it as an unlocked phone?
If it was officially unlocked by O2 it will remain unlocked if reset or updated.
Also, just as a side note if you can help. Its running iOS 3.1.3. Once factory reset and connected to iTunes will it force an iOS 4 update or can you choose not to update the OS?
If you restore it in iTunes it will be updated to the current release, 4.3.1. There are ways around this; Google is your friend. -
Random horizontal bars in Mavericks... PLEASE HELP!!!
The random horizontal bars in Mavericks that are shown in the link seem to occur when computer is under abnormal stress. It even happens at times when I just started up Safari or randomly flung the screen over to the widgets panel for the first time in days. The problem only in Mavericks, it didn't happen on Mountain Lion or Lion. The bars even show up irregularly on the shadows of certain program windows, the shadow that the window box is projecting onto the background. It's almost like the programs can't find the icon images that go with their parts or the images they find are corrupt. If so, what do I do about this?
Here are my stats:
Mac: Mid 2010, 15-inch
processor: 2.66 GHz Intel Core i7
Memory: 4 GB 1067 MHz DDR3
Graphics: Intel HD Graphics 288 MB
Software: OS X 10.9.1 (13B42)
Here's the image if you can't see what's below
Thank You very much for checking this out!Hey there,
First off, go ahead and try these steps:
do an SMC and PRAM reset
- turn the computer off, make sure the charger is connected. Hold down the shift, control, and option on the left hand side of the keyboard, while all three are pressed, also press the power button. The computer should not come on
- after that, let go of everything and then do this. Hold down the command, option, R, and P keys and then press the power button, now keep a hold of the command, option, P, and R until you hear the start up chime twice
- after that, if it still persists, check for an EFI firmware update, which you can find you computer in this list here:
http://support.apple.com/kb/ht1237
- if that doesnt work, you may have to do a reinstall of the OS X and to do that, do this:
- turn the computer off, then hold down the Command + R keys and then turn it back on
- keep holding down the command + R until you see a screen that asks for your language.
- choose English and the arrow in the bottom
- Then after that, the second option should say "reinstall Mac OS X" choose that option and go through the steps to reinstall. After that, it should be ok.
- if all else fails, you may have to go to an Apple store or an Apple Authorized Service Provider and see if they can run some diagnostics, maybe the onboard graphics are causing some issues. -
Mac Mail and the Elusive Horizontal Bar / Separator Line
LIke so many people, I tried to devise the best way to insert a horizontal separator bar between messages in a multi-message thread. I refuse to insert a long string of dashes -- I want a solid black separator bar -- and I don't want to use a plugin either. So here's the best I can do at this point:
First, to set it up, open a blank Word document, type three dashes ("---"), hit the Return key (the dashes turn into a horizontal bar), copy the line above and below the resulting horizontal line (ie., to be sure you encapsulate the line within your selection), and then paste it into a new (empty) email.
If you do the same thing with the equal sign ("===") you end up with a DOUBLE line separator. You might as well copy that into your blank email too.
Then, simply save that new email in your DRAFT folder so you can easily access those lines quickly to copy/paste them in any other email.
This only seems to work when the horizontal line is black. You can change the line in Word to any color (using the Borders and Shading tab in the Format Pallette) but then when you paste it into a Mail, the line is invisible, so just use a black line.
Just fyi.Simple solution--very simple
Open up MS word (or Pages alternative) and create a horizontal line by holding down the "shift" key and then holding down the "_" key to make the line as long as you want
Copy this line into your clipboard
Open Automator
Go to Automator | Services | Services Preferences | and click the "Text" button across the top
Type the two letters "ln" in the "Replace" column and the paste the _______________________________ you created and copied in the "With" Column
Every time you type the letters ln into your email, it gives you the option of replacing the letters ln with a line if you simply hit return
Hope that helps--I was Googling the solution--and came up with that.... -
Horizontal Bar Chart and Overlaying Line Chart
I am using SSRS 2008 and developing my reports in BIDS.
I have a report with two data points. I want to chart the first as a bar (horizontal) chart and then the second as an overlaying line chart.
I created both data series, originally, as a bar chart. I have clicked on the second series in the "Drop Data Fields Here" area and changed the chart to a line chart. When I do that, it changes both series to a line chart.
However, if I use the column (vertical) chart for the first series, it will let me make the second one a line chart.
Is this a limitation of SSRS 2008? Can I not have one data point be the horizontal bar chart and the second one a line chart?
If so, are there any suggestions how to get around this?
Thanks.Both charts for SSRS 2005/2008 are very limited when it comes to horizontal charts and are infact supporting only left-to-right bar charts, with no ability to combine them with other charting types (lines, areas, points etc.). For a SSRS charting solution that supports all types of charting type combinations in left-to-right and right-to-left horizontal fashion you can use Nevron Chart for SSRS - www.nevron.com. Besides a huge number of charting types and subtypes (most of which are not available in the MS Chart for SSRS 2008) it also provides better image quality in 2D and 3D modes, more settings, has support for rich text formatting in texts, has image filters, ability to customize via C# code and implements many more large and small charting related details.
Best regards,
Crank -
How do I create a vertical side menu with its own styling separate from the horizontal bar above it?
Hello. I need assistance in styling my side menu. I would like for it to have a different style than the horizontal bar that is above it. I would like that the side menu have a black background and with white text vertically aligned to the left. But I would also like that the mouse's arrow to turn into a hand when it touches the letters instead of during the entire width of the background. When I began styling the text, everything aligned fine until I added the links in html code. When I added the <a> tag and created a link to another page, the text goes from the left to the center of the black box. And the entire width is a link rather than just the words. To correct this, I tried renaming the div tag containg the menu. I tried renaming the ul tag. And I tried renaming the li tag and changing the declarations. None of these ideas worked. I thought about changing the <a> tag in the head of the document, but that didn't change the styling either. I also tried creating the black background by inserting a black box as a background image with the links over top of the image. It didn't work. I would appreciate your assistance. I will supply the coding if anyone is interested in looking at it. Thank you.
Nora.I can post a link to the page. But I will need to upload it. It will take a day to show. But after I wrote to you. I began working with creating additional a:link styles. I was able to create a shortened clickable area of one the words in the vertical menu. Your advice reinforced what I have learned. The following code shows that I started to make different styles of the a:link for each word on the vertical menu. I think that this will work. To indicate the different a:link style I used bold letters . Thank you very much.
html:
<div class="side_menu_nav">
<ul class="side_menu">
<li class="side_menu"><a href="still image.html">STILL IMAGE</a></li>
<li class="side_menu_video"> <a href="video.html">VIDEO</a></li>
<li class="side_menu" ><a href="animation.html">ANIMATION</a></li>
<li class="side_menu" ><a href="website.html">WEBSITE</a></li>
</ul>
</div>
CSS:
.side_menu_nav {
margin-top: 100px;
width: 190px;
height: 230px;
background-color: #F63;
font-size: 18.5px;
z-index: 5;
font-family: Arial, Helvetica, sans-serif;
side_menu ul {
list-style-type: none;
padding-left: 10px;
side_menu li {
display: list-item;
.side_menu a:link {
text-align: left;
color: #FFF;
background-color: #000;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
width: 190px;
margin-top: 15px;
margin-left: 15px;
margin-right: 0px;
text-decoration: none;
width: 120px;
.side_menu_video a:link {
text-align: left;
color: #FFF;
background-color: #000;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
width: 65px;
margin-top: 15px;
margin-left: 15px;
margin-right: 0px;
text-decoration: none;
.side_menu a:visited {
color: #FFF;
background-color: #000;
.side_menu a:hover {
color: #CCC;
.side_menu a:active {
color: #000;/*text*/ -
Horizontal Bar in the RSA3 is not showing up for Generic Datasource.
Hi There,
Created a Generic Extarctor based on a two tables PAYR and REGUH.
Included 60 fields in the Generic datasource. Everything is fine and when i check the data in extract checker
RSA3, the horizontal bar is not showing up and i could only see 15 fields. I couldn't able to see the rest of the fields.
Can someone suggest what should i do to see all the fields in RSA3? Why Horizontal bar is not showing up?
Out of 60 fields only very few are hidden and it should show atleast 40 fields, but not happening..
Thanks
VandanaHI There,
Thanks for all your responses.
1 - Tried to change the layout by going into Menu Settings --> Layout ---> Current, but no option to change.
2 - If I check the value of a particular field in the magnifier, then I could able to see all the fields
3 - After executing the RSA3, tried to change to ALV Grid by going into LIST, but again no option available to change.
4 - Checked the RSA2, and to my surprise all the fields are ticked as Key. Is that something why i'm able to see all fields in
the browser?
5 - But when the check the datasource in RSA6, only 3 were ticked as Key and those three fields i can see before
extracting the data using extract checker RSA3.
6 - Why all fields are ticked and showing and Key in RSA2 ?
The above is the current status of this issue. Can anyone please suggest how i should go head?
Thanks
Vandana -
Horizontal bars with SD movies
So...I'm a new ATV (2nd gen) user. We recently moved and I'm just not a 100% sure that everything is setup the way it's supposed to be...
When I rent movies on my ATV, I often have a bar at the top and bottom when viewing the movie on my HDTV (Samsung LN40A550). For example, I rented Friday Night Lights (the movie) last night, and I had the horizontal bars. I only rent SD content on the ATV since my connection is not very fast.
I realize that most movies have a higher aspect ratio and that sometimes bars on the top and bottom are common, but I wanted to make sure that THIS was the reason and not some incorrect setting on my TV...especially, since I'm watching everything in SD.
When I rent Desperate Housewives, the whole screen is filled up.
Since I'm new to renting iTunes movies, I'm just not sure what to expect. And we don't have our TV hooked up to a cable service so I can't tell what other content looks like on our TV (we live out of the country and the cable options leave much to be desired).
Thanks so much.it's correct.
there are various different widescreen aspect ratios, and depending on which one the movie is in will depend how much of the screen is filled. -
Widgit for horizontal bar divided by configurable number of sliders?
hi,
does anyone know of a prefabricated gui widgit (or how to construct one) that is a horizontal bar divided in a configurable (and run-time changable) number of sections, each which can be changed by the user?
I've tried constructing this by nesting JSplitPanes but the dragging behaviour is such that you have to decide the rightmost dividers position first, and then continue downward in the nesting hierachy. It would be much better if all sliders were equal and other sliders repositioned themselves as a result of dragging any one.
the non-programming-oriented explanation is that i'm trying to let the user divide a region of time up into proportions spent doing different activities - if theres a nicer way of doing this then i'd be v. happy to hear of it also :)
thanks,
asjfok, i've hacked up a quick bit of code that demonstrates vaguely what I'm after
this code is appalling, and the gui widget behaves wrongly but in the right ball park. If you imagine trying to divide up a horizontal slice into sections then you'll get the idea and see why it isn't really very helpfull..
you can click once on the vertical gray bars to start dragging, and click again to release
import javax.swing.*;
import java.awt.*;
import java.awt.geom.*;
import java.awt.event.*;
import java.util.*;
import java.util.List;
class DragBar extends JComponent {
List dividers;
Divider mouseOver = null;
Divider dragging = null;
static class Divider implements Comparable {
double x;
Color c;
public Divider(double x) {
this.x=x;
c = new Color(100 + (int)(Math.random()*155),100 + (int)(Math.random()*155),100 + (int)(Math.random()*155));
public int compareTo(Object o) {
Divider other = (Divider) o;
return (int) ((this.x - other.x)*Integer.MAX_VALUE);
public DragBar() {
dividers = new ArrayList();
for(int i=0; i<8; i++) {
Divider d = new Divider(Math.random());
dividers.add(d);
addMouseMotionListener(new MouseMotionAdapter(){
public void mouseMoved(MouseEvent e) {
Collections.sort(dividers);
if(dragging!=null) {
double newx = (double) e.getX() / (double) getWidth();
double oldx = dragging.x;
dragging.x = newx;
boolean before = true;
for(Iterator i = dividers.iterator(); i.hasNext(); ) {
Divider d = (Divider) i.next();
if(d!=dragging) {
double oldw = before ? oldx : 1-oldx;
double neww = before ? newx : 1-newx;
if(before) {
double px = d.x / oldw;
d.x = px * neww;
} else {
double px = (d.x - oldx) / oldw;
d.x = newx + (px * neww);
} else {
before = false;
} else {
double x = 0;
mouseOver=null;
for(Iterator i = dividers.iterator(); i.hasNext(); ){
Divider d = (Divider) i.next();
double gx = getWidth() * d.x;
int dx = (int) x;
if((e.getX() <= dx+3) && (e.getX() >= dx-3)) {
mouseOver = d;
x = gx;
repaint();
addMouseListener(new MouseAdapter() {
public void mouseClicked(MouseEvent e) {
if(dragging == null) {
if(mouseOver!=null) {
dragging = mouseOver;
mouseOver = null;
} else {
dragging = null;
public void paintComponent(Graphics _g) {
Graphics2D g = (Graphics2D) _g;
Collections.sort(dividers);
double x = 0;
boolean b = true;
for(int i=0; i<dividers.size(); i++){
Divider d = (Divider) dividers.get(i);
g.setColor(d.c);
double gx = getWidth() * d.x;
int dx = (int) x;
g.fillRect((int) x, 0, (int) (gx - x), getHeight());
if(mouseOver == d) {
g.setColor(Color.WHITE);
} else {
g.setColor(Color.GRAY);
if(dragging == d) {
g.setColor(Color.RED);
g.fillRect(dx-3, 0, 6, getHeight());
x = gx;
b = !b;
public static void main(String [] arg) throws Exception {
JFrame frame = new JFrame("DragBar");
JPanel p = new JPanel(new BorderLayout(8,8));
DragBar db = new DragBar();
p.add(db, BorderLayout.CENTER);
frame.getContentPane().add(p);
frame.setSize(600,100);
frame.show();
}any help appreciated,
asjf -
Horizontal bars through entire frame
I've been experiencing this problem more and more. I shoot and edit DV and DVCam (PD150 & DSR20). Sometimes, when I playback the tapes in the deck I get large horizontal bars through the frame (see still sample here) http://www.video11.com/badvideo.jpg
I've tried cleaning the head, and sometimes that seems to work, but the problem comes back pretty soon. I troubleshoot with other tapes (from other cameras) and have the same problem. So, it's not the tape or the camera.
Any suggestions?The new system for discussions asks that after you mark your question as answered, you take the time to mark any posts that have aided you with the helpful tag and the post that provided your answer with the solved tag. This not only gives points to the posters, but points anyone searching for answers to similar problems to the proper posts.
If we use the forums properly they will work well...
Patrick -
Dropped it. Out of warranty. Can do work myself, but need to know if it is simply a replacement of BOTH the LCD and the touch panel/screen (it is cracked but you can probably not see it in the linked photo) The horizontal bar is in evidence both when the phone is on and when it is off. Here is a photo:
http://twitpic.com/2448cq
I believe it is just the LCD and the touch panel that needs to be replaced. Please advise if you think it may be any more.
Thanks in advance.
JBi tried taking a screenshot but the line was not there. attached is a pic taken using my camera..do you see the horizontal line?
-
Horizontal bar showing desktop bottom of screen
I clicked or tapped something on my doc, now a 1 inch horizontal bar runs along bottom of screen showing desktop
I have no clue what that means! Lol.... Sorry. I did remove "dock from view", I have restarted the computer. I forgot how to take a screen snapshot, but again, just a horizontal bar along bottom, showing desktop. Dock, if visible sits on top of it, if I go to "full screen" bottom showing desktop disappears.
Again, when I tapped with two fingers, or right clicked or tapped with one finger....cannot replicate it, it just appeared pushing whatever window I have open up an inch and showing my desktop. -
Showing the whole text in a horizontal bars
I have this problem with an horizontal bars graph. There are some questions shown, next to the results to the corresponding answers.
The questions, though, are shorthened with ...
It there a setting or another way to show them in full form?
Thanks in advance :)Can you explain more clearly .
My requirement is , I need to display the whole content when the user selects the <h:selectOneMenu>
Is there any way where I can enlarge the box which is displayed when user selects any item in the <h:selectOneMenu>
Please let me know if there is any solution.
Thanks in advance
regards,
Pranab
Message was edited by:
ghy -
How to make a long horizontal bar absolutely level horizontal? (Or vertica
How can I ascertain that a long horizontal bar that I am placing on a page is absolutely horizontal and not at all tilting right or left? At this point I want the checking to be done with the Metric Inspector and the click toggles.
Lorna in Southern CaliforniaHow about if you select the line/object on your
page
and then look in the Inspector Metrics tab.
YES! Look in the Metrics tab, not the Graphics tab.
To Varkgirl and James:
Nonono! I was in Mr. Metric; I wasn't in Graphics. I saw the bottommost toggle and wrongly believed it to be a co-dependent of the Angle positioner. When I just now went back and got it to self-identify by placing the cursor on it, a definition of function showed up so I then did use the toggles to read "0."
So... logically and theoretically that horizontal bar of about an inch or so ought to be absolutely LEVEL at the top of the page, with 0 tilt, but for some reason that title bar appears to be tilted lower on the right. I checked the whole thing to see how and if it could be one of those visual illusions created by differing header sizes, perspective points, etc, but NO. No apparent reason for that title bar to appeat just slightly lopsided.
OK, since it is for a rock band, and since all the other graphics are tilted, I am going to stop spending time on it and pretend that it was meant to be not quite level. There. I've talked myself into it. Wow, that is NOT me at all.
Lorna in Southern California -
How do I make a horizontal bar stretch to always fill the width of the browser outside of the wrappe
When I enter 100% in the width field it will fill to the wrapper which is at 1000px, I want just certain Horizontal Bars to fill the width of the browser at all times.
Example is at http://www.hollywoodunderground.com - the bars below the header/links and the bar above the footer. Trying to figure out how to get both of those to always fill the width of the browser while still maintaining the original wrapper for all of the other content. Do I just find a way to get those 2 bars outside of the wrapper into a new wrapper or do I do it within the wrapper?You would have to set up your construction a bit differently.
You would put the logo and the social media icons in their own <div> set to 1000px, margin 0 auto to horizontally center it
<div id="logoSocialMedia"></div>
Then you would have your black bar <div> set to width: 100% (no need to set this though as it will fill the available space).
<div class="blackBar"></div>
Then you would have your youtube videos <div> set to 1000px, margin 0 auto.
<div id="youTubeVideos"></div>
Then another black bar <div>:
<div class="blackBar"></div>
Get it?
Maybe you are looking for
-
I want to purchase comic life 3 as a gift. How do I do that? Is it a direct download or can it be purchased in a box to give?
-
Laserjet 1536 double side printing problem
bought the all-in-one laserjet 1536 recently. I am using Windows XP on my computer and connecting the printer through wireless. i find that when i attempt to print double-sided from powerpoint or pdf, the 2nd page will become multiple black lines whi
-
Dear all, I know there will be a simple solution and i've read lots of tutorials but i cant find my mistake. Im using a fluid layout and trying to simply float two div tags next to eachother. Below is my code please help. HTML <body> <div class="gr
-
After rebooting following an update firefox will not open how do I fix this?
I clicked on a firefox update window that led to me rebooting my laptop. After rebooting I cannot get firefox to open no matter what I do.I even uninstalled it then re-installed it. It simply will not open.I click on icon in desktop get the little ci
-
Clear icloud important information, there is a way to send a request to Apple to see if there is any copy on your server?