Beginner-window-size problem

Hello!

I am a beginner in html and css coding and have the following problem:

I'm building a very basic site with a list/menu on the left of the screen and hardware for each 'menu option' illustrated to the right of the menu.

It is usually a series of images in a table that has multiple lines, but only one column. images have a width of 800px, and it's the size I prefer to use. My problem is that on small screens and windows, the table moves the position and appears under the menu. Very ugly.

I'm looking for is a way to make the table to stay in place on the right side of the menu, regardless of the size of the screen and window.

I would be extremely grateful for solutions to this!

/ Moglurg

Code:

HTML:

< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""

" < html xmlns =" http://www.w3.org/1999/xhtml ">

< head >

< meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 "/ >"

< title > John Stenborg < /title >

< link href = "styles/jstenborg.css" rel = "stylesheet" type = "text/css" / > "

< / head >

< body >

< div id = "container" > < img src = "" resurs / tilesbannermindre.png "width ="545"height ="120"/ > < / div >"

< div class = "menu" >

< ul >

< li > < a href = "url" > Konst < /a > < /li >

< li > < a href = "ateljebilder.html" > < Ateljebilder h4 > < / h4 > < /a > < /li > ""

< li > < a href = "delforstoringar.html" > < h4 > Delforstoringar av malningar < / h4 > < /a > < /li > ""

< li > < a href = "idefoton.html" > < Idefoton h4 > < / h4 > < /a > < /li > ""

< li > < a href = "axiommodeller.html" > < Axiommodeller h4 > < / h4 > < /a > < /li > ""

< li > < a href = "malningar.html" > < Malningar h4 > < / h4 > < /a > < /li > ""

< li > < a href = "skulpturer.html" > < Skulpturer h4 > < / h4 > < /a > < /li > ""

< li > < a href = "url" > video < /a > < /li >

< li > < a href = "metafyr.html" > < h4 > Metafyr - en optisk skulptur < / h4 > < /a > < /li > ""

< li > < a href = "additiv.html" > < Modellanimering Additiv h4 > < / h4 > < /a > < /li > ""

< li > < a href = "scratch.html" > < h4 > Scratch - en animerad skulptur < / h4 > < /a > < /li > ""

< li > < a href = "ljusspel.html" > < h4 > Ljusspel over VAT silvermalningar < / h4 > < /a > < /li > ""

< li > < a href = "filmvideoskulptur.html" > < h4 > Film for videoskulptur < / h4 > < /a > < /li > ""

< li > < a href = "sladfard.html" > < h4 > Sladfard - av en film fran Davis 1984 < / h4 > < /a > < /li > ""

< li > < a href = "url" > Uppdrag < /a > < /li >

< li > < a href = "nobelmuller" > < h4 > Nobelprisdiplom - Müller < / h4 > < /a > < /li >

< li > < a href = "nobelleclezio" > < h4 > Nobelprisdiplom - Jean Marie Gustave the Clézio < / h4 > < /a > < /li >

< li > < a href = "minnespenning" > < h4 > Minnespenning Gösta Oswald for Svenska bridge < / h4 > < /a > < /li >

< li > < a href = "tstation" > < station Zinkensdamm T h4 > < / h4 > < /a > < /li >

< li > < a href = "url" > text < /a > < /li >

< li > < a href = "aforismer.html" > < Aforismer h4 > I urval 2008-2010 < / h4 > < /a > < /li > ""

< li > < a href = "kontakt.html" > Kontakt < /a > < /li > ""

< /ul >

< / div >

< div id = "innehall" >

< table width = "350" border = "0" cellpadding = "20px" cellspacing = "50" >

< b >

"< td valign ="top"align ="left"> < img src="resurs/ateljebilder/01lampaochmalning.jpg "width ="800"height ="536"alt ="Lampa och målning"/ > < table >

< /tr >

< b >

"< td valign ="top"align ="left"> < img src="resurs/ateljebilder/02ateljevagg.jpg "width ="800"height ="536"alt ="Ateljévägg"/ > < table >

< /tr >

< b >

"< td valign ="top"align ="left"> < img src="resurs/ateljebilder/03malningarmotvagg.jpg "width ="800"height ="536"alt ="Malningar Word vagg"/ > < table >

< /tr >

< /table >

< / div >

< / body >

< / html >

CSS:
@charset "UTF-8";
/ * CSS document * /.
#container {}
width: 968px;
height: 120px;
margin: left;
overflow: visible;
}
{#innehall}
float: left;
}
.menu {}
Width: 150px;
float: left;
}
.menu ul {}
display: block;
padding: 3px;
margin: 0px;
list-style: none;
}
.menu ul li {}
display: block;
margin: 0px;
list-style: none;
padding: 0px;
}
.menu a {}
display: block;
color: #FFF;
text-decoration: none;
padding: 2px;
border-bottom: 1px solid #e8e8e8;
}
.menu a: hover {}
background-color: #333;
border-bottom: 1px solid #d8d8d8;
color: #CCC;
}
{body
are-family: Arial, Helvetica, without serif.
background-color: #90918e;
text-decoration: none;
vertical-align: top;
float: left;
position: absolute;
margin: inherit;
}
H3 {}
are-family: Arial, Helvetica, without serif.
are-size: 13px;
police-weight: 400;
color: #EDEDED;
}
H4 {}
are-family: Arial, Helvetica, without serif.
are-size: 10px;
make-weight: normal;
}
IMG
{
border-style: none;
}

This can be achieved with a 2 column layout, centered CSS.

http://ALT-Web.com/templates/2-Col-fixed-layout.shtml

Nancy O.
ALT-Web Design & Publishing
Web | Graphics | Print | Media specialists
http://ALT-Web.com/
http://Twitter.com/ALTWEB

Tags: Dreamweaver

Similar Questions

  • Adobe Media Encoder Export Settings window size problem

    Any help on this would be appreciated: I use a MacBook pro, osx 10.6, CS4 Web Premium. I used to have a connected external monitor, which had a much higher resolution, so when you use Adobe Media Encoder I have to click the button settings on a video to get the export settings window, then stretched from the window of export settings for the size of my external screen. Now, I use my laptop computer, and export settings window does not resize top buttons left to adjust it to the size of my laptop and the low third export settings window get cut so I do not see the ok/Cancel buttons etc.

    I tried re-installing media encoder (via reinstalled flash using CDs) to try to 'reset' the window sizes, does not solve the problem.

    If anyone knows of any other preferences or something that I could remove to solve this problem, I can be grateful.

    Yes, I received the same answer. This means that adobe don't use OS native windows (shame on them!). I just tried something with CS4 that worked, however. Try this:

    Stop Media encode

    Go to UserHomeDirectory > library > Preferences > Adobe > Adobe Media Encoder 4.0 > and delete the file called "AMEPrefs.xml" and "AppPrefs.xml".

    Then restart Media Encoder. For me, this reset the window size and placement. I tried to move the window of export settings down to half of it was above the bottom of the screen. Once I deleted those files and rebooted, the window was smaller and repositioned.

    If this does not work, try to download the demo of this product:

    http://irradiatedsoftware.com/sizeup/

    It is said that Adobe programs are programs of "disorder", they won't probably resize, but they should at least move. If nothing else, maybe you can move the window value is negative (upwards) so that the resize handle is visible, then move it down so that the header bar is visible again...

  • Popup window size problem

    Hello

    For some reason, in my Flash site popup window link opens a popup that does not go to the window size rules that I set.

    The site is www.caveataudiens.net, click on the button "music" and then the button on the Jukebox to see as an example.

    The Jukebox button has the following actionscript code:

    on (release) {}
    customize the window that is open
    0 is equal to n
    1 is equal to YES.
    address = "" http://www.caveataudiens.net/music/mp3player.html "; "
    target_winName = 'James ';
    Width = 400;
    height = 300;
    Toolbar = 0;
    location = 0;
    directories = 0;
    status = 0;
    MenuBar = 0;
    ScrollBars = 1;
    Resizable = 0;
    sends data to the function of
    openWinCentre (address, target_winName, width, height, toolbar, location, directories, status, menubar, scrollbars, resizable);
    }



    and I have in my main actionscript layer:

    stopAllSounds();

    forum_btn.onRelease = function() {}
    getURL (" http://www.flaccidsacks.co.uk/phpBB2/", "_blank");

    }

    music_btn.onRelease = function() {}
    gotoAndStop ("music");
    }

    links_btn.onRelease = function() {}
    gotoAndStop ("links");
    }

    about_btn.onRelease = function() {}
    gotoAndStop ("about");
    }

    news_btn.onRelease = function() {}
    gotoAndStop ("news");

    }

    Movieclip.prototype.openWinCentre = function (url, winName, w, h, toolbar, location, directories, status, bar menus, scrollbars, resizable) {}
    getURL ("javascript:var myWin;") If (! myWin | myWin.closed) {myWin = window.open ("'" url + "','" + winName + "','" + 'width =' + w + ', height =' + h + ', toolbar =' + tools + ', location =' bar + place + ', directories =' + directory + ', status =' + status + ', menubar =' + bar menus + ', scrollbars =' + bars scroll + ' resizable = "+ resizable +", top ='+ ((screen.height/2)-("+ h/2 +")) + ', left =' + ((screen.width/2)-("+ w/2 +")) + "" "+" ' ")} else {myWin.focus ;};) ("void (0);");
    }

    A kind soul can help me understand how to adjust the size of the window?

    Thank you very much

    Lyle



    Thanks, this works very well.

  • window size problem... Help, please!

    I'm new to flex and have encountered a problem.

    I want to give a value for the coordinate x of a special group. Here's the code: -.

    resize

    sizeThermostatPanelPercentage (75, 100);

    If (! _resizeSinglePanelAlreadyOccured) {}

    singlePanel.x = (thermostatPanel.width *. 77);

    _resizeSinglePanelAlreadyOccured = true;

    }

    This code is this difficulty width on the left side panel. As if the width of the Panel is 900. The coordinate x of this Panel starts to 693. But, I want to start the coordinate x on the right side. IE, for example say: -.

    singlePanel.x = (windowSize.width *-10);

    But, of course, it does not work. Please let me know what name to declare the windowSize.

    Thank you!

    Hello

    Is that what you want?

    http://help.Adobe.com/en_US/FlashPlatform/reference/ActionScript/3/MX/containers/TitleWind ow.html? filter_flex = 4.1 & filter_flashplayer = 10.1 & filter_air = 2

    Johnny

  • RWIN / TCP problem window size

    Hello.

    I have a problem with Windows Vista Ultimate x 64 - whenever I have try to download anything through IE, Opera and FireFox I get a download speed of a few KB of 30-50, even though I have a 5 Mbit ADSL connection.

    Now, I tried also test my download speed on torrents and with managers of download and when I use these I get my full download speed (~ 500 KB)-this is because when I download via torrent or download managers, I have multiple connections to the file so I can get full speed.

    So the problem is that I have a strange connection download speed limit (and browsers use only one socket when downloading files). I guess that the melody of Vista Auto is not changing my RWIN or TCP window size, so I need a way to manually change this somehow.

    I also tried to turn the auto tuning to restricted and the disabled, but it did not help. Also, when I put it to the test, I have no internet at all.

    P.S. I use my Intel DP35DP motherboard integerated network adapter.

    Hi SeW800,

    We will try a few things here.  First of all, check Intel site and make sure all the drivers for the motherboard and BIOS are up-to-date.

    WARNING: Changing the BIOS / semiconductor (CMOS) to complementary metal oxide settings can cause serious problems that may prevent your computer from starting properly. Microsoft cannot guarantee that problems resulting from the configuration of the BIOS/CMOS settings can resolved e. Changes to settings are at your own risk.

    Once everything is up to date, you might want to try to enable and disable these settings to see if it will work better:

    Provider of Congestion Vista - for TCP connections with a large receive window size and a band bandwidth-delay product, Compound TCP (CTCP) in the TCP/IP stack new generation greatly increases the amount of data sent at a time by monitoring the bandwidth product / time, variations in delay and packet losses. CTCP also ensures that its behavior does not negatively affect other TCP connections. In testing performed internally at Microsoft, large file backup times have been reduced nearly in half for a 1 Gigabit per second connection with a 50 milliseconds round-trip time. Connections with bandwidth product / more time can have even better performance.

    Activate - netsh interface tcp set global congestionprovider = ctcp
    Disable - netsh interface tcp set global congestionprovider = none

    netsh interface tcp set global ecncapability = toggle
    netsh interface tcp set global congestionprovider = ctcp / no
    netsh interface tcp set global rss = toggle
    netsh interface tcp set global autotuninglevel = normal
    netsh interface tcp set global chimney = toggle

    Thank you

    Kevin
    Engineer Microsoft Support answers visit our Microsoft answers feedback Forum and let us know what you think.

  • Problem w / window size is smaller than the size of the screen

    I recently had an automatic installation of Vista sp.  Don't know what version/sp.  After restarting my laptop, the window size is now smaller than the window size of the screen.  It looks like HD video with a 1 1/2 in. vertical black band on the left and right side of the screen.  How can I fix it?

    Hello

    Have you tried to adjust the resolution in the settings of the Control Panel/customize / display? If there is only limited adjustments available, you will probably need to reinstall or update your graphics card driver. This is best done with a download of the manufacturer of the device, not windows update. Good luck, Rick Rogers, aka "Crazy" - Microsoft MVP http://mvp.support.microsoft.com Windows help - www.rickrogers.org

  • My window size is about 1/4 "wider than my monitor screen. How to set the size of the window?

    My window size is about 1/4 "wider than my monitor screen. How to set the size of the window?

    Hello

    ·        You did it changes on your machine before this problem?

    ·        You have a LCD or TFT monitor?

    Usually in LCDs, there will be an option to set the button of the screen on the monitor resolution.

    You can also follow these links for the resolution of the monitor & check if it helps.

    Change the resolution of your monitor

    To change your screen resolution

    Hope the helps of information. Please post back and we do know.

    Concerning
    Joel S
    Microsoft Answers Support Engineer
    Visit our Microsoft answers feedback Forum and let us know what you think.

  • Window sizes host display does not restore after a remote desktop connection

    After that my computer has been accessed via a remote desktop connection, the window size for my program do not restore their previous size.  I have monitors of landscape which are larger than most of the remote users.  When they log off my computer, my window sizes are stuck to the size of the monitor of the remote user.  Y at - it a setting or a way to get my windows to restore to their original size?

    No, there is no setting for this.  It's just the way it's always been since Remote Desktop was invented (formerly in the 1990s as Microsoft Terminal Services Client or MSTSC).

    At the heart of the problem is that the programs that run on the desktop have no way of knowing that the display size has changed, and even if they did, they also can't know what was their previous size.  It is not just stored.

  • Initial window size too much HTML (.chm) help

    I was wondering if anyone knows how this problem - my .chm initially opens in a window that takes my entire screen (sometimes its opening as a stand-alone .chm and when you access the application with which comes the .chm). The initial window size is much too big, forcing me (and end users) to reduce the window manually (I have to shrink even just to see the Add button under the Favorites tab). I checked all the settings window in the pod project... windows sizes are smaller than what the .chm initially displays and I see all of the options I selected or not selected that would what be it (I tried a few things that you can imagine).

    Any suggestions would be greatly appreciated!
    Thank you
    Amy

    Hi Rick, and Pete

    I have some good info to work with thanks to your messages. I was not aware of the hh.dat file or its purpose.

    Thank you very much
    Amy

  • How can I change "window size" in the trim of 10%?

    I use Firefox 32.0.3 and I need to know how to change "window size". I have a + and a - in the toolbar but it only changes the size of the window in increments of 10%. How can I get and intermediaries to increase the changes... i. e 15% or 18% or similar?
    Any help will be appreciated.

    That's the zoom buttons enlarge and reduce the size of the content?

    By default, the enlargement options:

    1.1 => 110%
    1.2 => 120%
    1.33 => 133%
    1.5 => 150%
    1.7 => 170%
    2 => 200%
    2.4 => 240%
    3 => 300%
    

    The default mitigation measures are:

    .9 => 90%
    .8 => 80%
    .67 => 67%
    .5 => 50%
    .3 => 30%
    

    To add or change these steps, you can modify the list in Firefox about: config preferences editor. Here's how:

    (1) in a new tab, type or paste Subject: config in the address bar and press ENTER. Click on the button promising to be careful.

    (2) in the search box that appears above the list, type or paste the zoom and make a break while the list is filtered

    (3) double-click the preference toolkit.zoomManager.zoomValues and edit it as you wish. Since it's a little difficult to read, you can copy it to a word processor or another program where you can zoom text, modify it, and then copy the revised version.

    Note #1: After having OK'ing this change, it will come into force in any new windows that you open. Existing windows/tabs seem to remember the implementation at the time you opened the. (To move a tab into a new window, click on the tab on the tab bar > move to the new window.)

    #2 Note: If the preference becomes a mess, you can right click > reset to restore the default value.

  • Satellite A135-S4527 - Windows encountered problem & fails to load

    At startup, Windows attempts to load, but I get the message Windows encountered problem communicating with a device. Windows does not load.
    Tried all attempts for load in SafeMode etc but no luck. Tried to load the Toshiba Recovery utility but still no luck.

    Fortunately the data is saved, but I have no recovery disks.

    How can I get the recovery disc for this machine for delivery here in the United Kingdom when it is a product of the USA?
    If the recovery discs can be ordered in the United States where to order? (I have an address to the United States for delivery if necessary).

    Hello

    As far as I know here in Europe, you will not be able to recovery media order for the laptop models to the United States. If you have a person in the United States, they must contact the nearest authorized service provider and order it for you. Later they send it to you.

    If you need to address and http://www.csd.toshiba.com/cgi-bin/tais/support/jsp/home.jsp?nav=Repair&sn=false check phone numbers

    Good bye

  • p6310f: Windows Update problem

    When you try to upgrade to windows 10 I received the error message 0 x 80080005 - 0 x 90016 after watching in Microsoft support forum, I found that the problem was related to windows 7 is not not to date. I checked and found that my computer has stopped udating a couple of years. I tried to run Fixit MS that has not worked. Tried to reboot (BITS) and got ERROR 126 (module not found) I then followed the instructions at https://support.microsoft.com/en-us/kb/2700567 on how to reset the Windows Update components. During the process, I have the following errors:

    Mshtml.DLL loaded, but the dllregisterserver entry point was not found.

    Shdocvw.dll "" ""

    browseui.dll   "                "                    "                     "

    MSXML.dll Module could not load make sure that binary is stored at the specified location the specified module could not be found.

    Actprxy.dll Failed is not found

    gpkcsp.dll        "        "           "             "

    initpki.dll          "           "                 "

    wuaueng1.dll"" "

    c:\windows\system32\dllcache\wucltui.dll"" "

    wuweb.dll      "            "           "              "

    muweb.dll    "            "              "            "

    I guess my question is what I have to do a restore of the system under windows 7, before I can upgrade to windows 10? Or y at - it another way?

    Hello glockrow ;

    Let me welcome you on the HP forums!

    I read your post about windows update problems and wanted to help.

    I would that be able to say that updating to Win10 was an exact science where we know exactly how he does it, and what it should - but the flooding of this and other instances of Win10 problem after that problem indicates that, at best, we are all guessing.

    So, I think, from what I've read and done on my PC, is that you SHOULD be able to avoid the problem of missing updates by updating using Win10 created using this MS link media: 10 Windows Installer using the media - Windows help authoring tool

    After you create the DVD or USB, NOT boot from it. Instead, insert it into your PC and, if it does not auto-start, right click on the file setup.exe and run it.

    HOWEVER - and this is important - PC Win7 have a rate low success updated Win10 without problem - primariluy lack of OEM Win10 drivers.  Typical problems include display artifacts (to cause to be obliged to use the driver for the card of Microsoft Basic), not wireless and touchpad problems.  The drivers Microsoft provides have only the most basic features, with none of the extras that the HP drivers bring to the stage.

    It is further complicated by the function Win10 GoBack, whereby you can return to your original operating system, being known to be unreliable. So when your upgrade machine malfunctioning, only then you discover that you cannot return the machine to work, that you had originally!

    You can protect yourself against ending up with a damaged machine - seriously considering using a free third-party product that works for airport Imaging/restoration - Macrium Reflect.

    Macrium reflect (MR) provides a FREE version that can be used to image and restore partitions or drives together.

    What I recommend is the following:
    (1) download and install Macrium reflect (MR)
    (2) run M. and choose the option: "Create an image of the partition (s) required to backup and restore Windows" to write a full backup to an external drive or USB key
    (3) use the option to create a CD or a USB startup key

    NOW, you have the means to restore a full system that works for the external hard drive or USB key in a few minutes.

    So now you can recharge before with the upgrade, knowing that whatever happens, you will be able to return to your currently works in a few minutes.

    Good luck

    I'm a volunteer and I do not work for, or represent, HP.
    ========================================================================
    If you feel that my suggestions helped you, please click on the thumbs-up symbol to say thank you!

    If they helped to solve your problem, please click 'Accept as Solution' to help others find similar information.

  • Windows 7 - problem 'says that my laptop was inconsistent.

    Original title: Windows 7 problem.

    At this moment, I have problems with Microsoft. A message to see if my laptop was ready for Windows 7. When I tried another message came to say that my laptop was inconsistent and that I should check my internet and try again later. My internet is OK. Please help me, I'm missing out on a lot.

    Hello

    Start the computer in safe mode with network, run Windows 7 Upgrade Advisor and check the status of the issue.

    To start the computer in safe mode with network.

    http://www.Microsoft.com/resources/documentation/Windows/XP/all/proddocs/en-us/boot_failsafe.mspx?mfr=true

    Please let us know if you need more assistance.

  • Difficulty maintaining the application maximum window size.

    I close a window of the application to its maximum size, but when I restart this application it opens in a small window, I then need to maximize. How can I configure windows to reopen the (maximum) size, they were closed? Thanks for any help/tips you can offer me.

    Either to set the properties of the shortcut to open the program "Enlarged" or, extend the application windowed in question to as large as you want, and then close. A windowed application will reopen last windowed size, it's in before it closes.

  • Error Windows Update problem "don't shut down your computer updates being configured"

    OT: Windows Update problem.

    Why should I continue to get the message ' don't shut down your computer updates being configured "where all the updates seem to have been installed?

    Start here (ignore the title): http://support.microsoft.com/kb/949358

Maybe you are looking for