Stacking a Div ontop of another Div inside of a div?
ok so i am not a programmer, just a designer doing a family a favor building him a website. In using divs i am trying to get a div to overlap another div, while inside another div. confused? ok in simple: i have a div "wrapper" that holds the website center since the design is off center, inside this div i have another div which holds my body of the website "main", also inside the wrapper div i have a second div called "element" which is to sit top left and overlap the main div. The idea is to have an image cutting into the top left of the website, while keeping the rest of the site centered. I have attached a sample picture, and will post the code. if anyone can help please let me know thank you.
CODE:
<body>
<div id="wrapper">
<div id="element"><img src="images/Gears.gif" width="305" height="310" alt="gear image" /></div>
<div id="main">
<div id="header">
<h1><img src="" alt="" name="Picture" width="100" height="180" align="right" id="Picture" style="background-color: #00FF00" />Don Pike <span class="eng">B.Sc. P. Eng.</span></h1>
<h3>text</h3>
<h3> </h3>
<h3>phone </h3>
<h3>email</h3>
<h3> </h3>
<h3>address</h3>
<h3>city</h3>
</div>
<div id="content">
<h2>Lorem ipsum dolor sit amet,</h2>
<p> consectetur adipiscing elit. Suspendisse vitae pulvinar enim. Nunc eget ipsum diam, quis commodo nisi. Donec blandit mi mi, sit amet facilisis magna. Mauris eget diam est. Sed condimentum, nisi nec volutpat tincidunt, massa elit faucibus arcu, at dignissim purus tellus et velit. Integer at fringilla lacus. Nullam egestas leo vel mauris pretium gravida. </p>
</div>
<div id="footer">
<table width="432" align="center" cellspacing="15">
<tr>
<td width="144"><a href="resume.html"><img src="images/Gears_03.gif" width="144" height="144" alt="resume" /></a></td>
<td width="144"><img src="images/Gears_05.gif" width="144" height="144" alt="portfolio" /></td>
<td width="122"><img src="images/Gears_07.gif" width="144" height="144" alt="about me" /></td>
</tr>
</table>
<p> </p>
</div>
</div>
</div>
</body>
<head>
<style>
#page{
width:100%;
height:100%;
text-align:center;
#wrapper {
width: 860px;
position: relative;
float: none;
margin: 0px;
height: auto;
padding: 0px;
margin:0 auto;
#element {
top:0px;
left:0px;
padding: 0px;
height: 310px;
width: 305px;
position: absolute;
z-index: 100;
#main {
background-color: #333;
height: auto;
width: 550px;
border: 1px solid 333333;
position: absolute;
float: right;
padding: 0px;
margin-right: 0px;
margin-bottom: 0px;
left: 155px;
top: 125px;
#header {
padding: 0px;
height: 180px;
width: 360px;
float: none;
position: relative;
margin-top: 20px;
margin-right: 20px;
margin-bottom: 20px;
margin-left: 170px;
#content {
color: 555555;
background-color: #FFF;
padding: 20px;
height: auto;
width: 470px;
margin-right: 20px;
margin-bottom: 20px;
margin-left: 20px;
#footer {
background-color: #FFF;
padding: 0px;
height: 180px;
width: 510px;
margin-right: 20px;
margin-bottom: 20px;
margin-left: 20px;
body {
background-color: #CCC;
h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 25px;
color: #FFF;
margin: 0px;
padding: 0px;
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #CCC;
margin: 0px;
padding: 0px;
h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 20px;
color: #000;
padding: 0px;
margin: 0px;
p {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
color: #333;
margin: 0px;
padding: 0px;
.eng {
font-size: 12px;
ul {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
color: #333;
</style>
</head>
<body>
<div id = "page">
<div id="wrapper">
<div id="element"><img src="images/Gears.gif" width="305" height="310" alt="gear image" /></div>
<div id="main">
<div id="header">
<h1><img src="" alt="" name="Picture" width="100" height="180" align="right" id="Picture" style="background-color: #00FF00" />Don Pike <span class="eng">B.Sc. P. Eng.</span></h1>
<h3>text</h3>
<h3> </h3>
<h3>phone </h3>
<h3>email</h3>
<h3> </h3>
<h3>address</h3>
<h3>city</h3>
</div>
<div id="content">
<h2>Lorem ipsum dolor sit amet,</h2>
<p> consectetur adipiscing elit. Suspendisse vitae pulvinar enim. Nunc eget ipsum diam, quis commodo nisi. Donec blandit mi mi, sit amet facilisis magna. Mauris eget diam est. Sed condimentum, nisi nec volutpat tincidunt, massa elit faucibus arcu, at dignissim purus tellus et velit. Integer at fringilla lacus. Nullam egestas leo vel mauris pretium gravida. </p>
</div>
<div id="footer">
<table width="432" align="center" cellspacing="15">
<tr>
<td width="144"><a href="resume.html"><img src="images/Gears_03.gif" width="144" height="144" alt="resume" /></a></td>
<td width="144"><img src="images/Gears_05.gif" width="144" height="144" alt="portfolio" /></td>
<td width="122"><img src="images/Gears_07.gif" width="144" height="144" alt="about me" /></td>
</tr>
</table>
<p> </p>
</div>
</div>
</div>
</div>
</body>
SORTED?
Similar Messages
-
Hi,
I've made a picture gallery
http://www.olicorse.com/portfolio/graphics/logos/logos.html
and have positioned the captions under each image using Absolute
Positioned divs.
For some reason it is displaying oddly in Internet Explorer,
although it works fine in Firefox and Safari and when I asked why,
a member on here though told me I shouldn't use AP Divs because
they will always stay in the exact same place so if the viewer
increases the font or something, everything else will move and this
might be the problem.
However, in order to make the captions appear and disappear
when the viewer changes the image, I have stacked them one on top
of each other and used Hide/Show behaviours. If I just use Static
Positioned divs, the captions will appear after one another so that
there is a big gap when they are hidden.
Is there a way of stacking Static Divs on top of each other,
rather than having them appear after one another? Failing that, can
anyone take a look at the site in IE and try and work out what's
going wrong? I also think that it's not showing the margin I have
added to the main gallery picture as this is what pushed the footer
down to make room for the caption.
Please help!!!Please do not start a new thread for a problem that you have
already posted.
It makes it very hard for us to help you.
What also makes it very hard for us to help you is when you
a) don't read
the replies you get fully, and b) don't then ask questions
about the things
you don't understand. You have not done this.
Can we take this back to the original thread, please.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"olicorse" <[email protected]> wrote in
message
news:[email protected]...
> Hi,
>
> I've made a picture gallery
>
http://www.olicorse.com/portfolio/graphics/logos/logos.html
and have
> positioned
> the captions under each image using Absolute Positioned
divs.
>
> For some reason it is displaying oddly in Internet
Explorer, although it
> works
> fine in Firefox and Safari and when I asked why, a
member on here though
> told
> me I shouldn't use AP Divs because they will always stay
in the exact same
> place so if the viewer increases the font or something,
everything else
> will
> move and this might be the problem.
>
> However, in order to make the captions appear and
disappear when the
> viewer
> changes the image, I have stacked them one on top of
each other and used
> Hide/Show behaviours. If I just use Static Positioned
divs, the captions
> will
> appear after one another so that there is a big gap when
they are hidden.
>
> Is there a way of stacking Static Divs on top of each
other, rather than
> having them appear after one another? Failing that, can
anyone take a look
> at
> the site in IE and try and work out what's going wrong?
I also think that
> it's
> not showing the margin I have added to the main gallery
picture as this is
> what
> pushed the footer down to make room for the caption.
>
> Please help!!!
> -
Moving Stack from one folder to another?
Is there a way to keep a stack together while moving it from one folder to another. When I grab the stack and drop it to a folder, I view the folder and the images are no longer in a stack. It would save me a lot of time if they would stay stacked. Am I missing something?
Thank you.Well your code is unreadable because you didn't post it properly, but I'd guess you've fallen into the old multiple-delete trap in a new way. It's like this:
To start with you have messages numbered 0, 1, and 2, let's say. So you write a loop that lets i run from 0 to 2 and delete message number i in the loop. What really happens? The first time through the loop you delete message number 0, after which you are left with messages numbered 0 and 1. The second time through the loop you delete message number 1, after which you are left with message 0 only. The third time through the loop you delete message 2, which isn't there and you get that message.
That's just a guess, I didn't have the patience to read that ugly unformatted code. There are two ways to do the multiple delete properly, if that's actually your problem: (1) run the loop upwards from 0 and always delete message 0; (2) run the loop downwards from N-1 to 0 and delete message i. -
How to call another UIViewController inside a UIViewController's loadview ?
Hi All,
I am parsing an XML file inside FirstViewController and need to pass this XML value into another UIViewController (i.e. SecondViewController). But in the FirstViewController i won't display any data, it will be done in application loading time.
So can u please help me in solving this issue?
-SathiyaIf it is to call a method from view controller to component controller then use the attribute: wd_comp_controller. Similarly use the attribute in the component controller related to the view controller.
Check the Attribute tab of the controller to obtain the reference variables created by the WD framework. Use them to call the methods across controllers.
Regards,
Sharath M G
P.S.To get an indepth view of possible methods, double-click on the ref variables and observe the nodes and methods declared. -
The Icon of the Downloads Stack @ Dock changes when I put anything inside.
I have a problem, on my new iMac, I'm a happy new user of Mac =)
By my mistake I throw to the trash the Download shortcut of the Dock (the default icon of the famous Stacks).
I went to the Finder to my home folder and took the Download folder and put it again on the Dock, and everything was ok with the icon with the arrow.
The problem is that from now when I put a file or anything inside the Download folder, the icon of de Dock changes to the icon of the file that I've put inside.
This only happens on the icon on the Dock of the Download foder, the icons of the Applications and Documents on the Dock doesn´t change when you put anything inside.
Any solution?
Thank you.control-click on Downloads in the dock and choose display as-> folder.
-
Is it possible to link from a folio to another (precisions inside) ?
Hello !
Is it possible to linkf rom a folio to another ?
And is it possible to do this linking : in "FOLIO#1 article#32" put a link on it that goes to "FOLIO#3 article#17"
Thanx for your answers !m'kay, dunno if I'll use this "you didn't hear it from me" feature, cause i got to link 80 articles in 3 folios (each time), and i'd beter find a solution that works everytime.
Means, gotta put all this in a single folio. WIll be a mess, but i got to have to have it working in the end ...
Still, I wonder why it is so hard to have "basic links" like "navto://folioname1:article2" ?
Especially in cases (like this one, actually) where i'm the only one to use this on my content viewer and in my folio producer (but in all case would be even better of course).
Thanx for your answer anyway ! -
How to get the main funciton name when calling another function inside?
for eg, one RFC named A,inside A,a funtion B is called.when the processing is at B now,how can i get the main RFC name(A)?
any help will be much appricated.> just see SM50,there is a column called 'Report',it shows the program id the proess is now processing.but i don't know its main program or say it 'the process's first excuting program',how can i get it programmatically?
I'm still not sure to understand. The program in SM50 is the current main program (not the first). It is stored in SY-REPID system variable. Or use this code:
DATA lt_callstack_long TYPE abap_callstack.
DATA ls_callstack_long TYPE LINE OF abap_callstack.
CALL FUNCTION 'SYSTEM_CALLSTACK'
IMPORTING
callstack = lt_callstack_long.
READ TABLE lt_callstack_long INDEX 1 INTO ls_callstack_long.
WRITE : / 'current main program is:', ls_callstack_long-mainprogram.
If you want to know the frame program (the first called), use SY-CPROG, or use this code:
DATA lt_callstack_long TYPE abap_callstack.
DATA ls_callstack_long TYPE LINE OF abap_callstack.
CALL FUNCTION 'SYSTEM_CALLSTACK'
IMPORTING
callstack = lt_callstack_long.
" read last line = first called program
DESCRIBE TABLE lt_callstack_long. "to make sy-tfill = number of lines
READ TABLE lt_callstack_long INDEX sy-tfill INTO ls_callstack_long.
WRITE : / 'First main program is:', ls_callstack_long-mainprogram. -
How can i get the stack of one thread from another thread
hi !
i have a pool threads ,some times all therads in that pool are besy becouse somting lock the threads so there is no free thread to handle ... .
what i want is a way to get the stack of these thread so i can print them to see way they lock ...
thanks,
zvikaMaybe something like this (haven't actually tried it):
Add a method to your Threads to print the trace:
public class MyThread extends Thread {
public void run() {
public void printCurrentStack() {
(new Exception()).printStackTrace(); // or whatever method you choose
MyThread mt = new MyThread();
mt.start();
mt.printCurrentStack(); -
Move focus from one to another itemRenderer inside DataGrid itemRenderer
I have a mx: DataGrid with 4 columns that have a itemRenderer with the following settings:
- Mx:DataGrid:
<code>
<mx:DataGrid id="itensPedidoCompraList"
width="100%"
height="120"
dataProvider="{ model.pedidoCompra.itens }"
editable="true"
itemEditEnd="itensPedidoCompraList_itemEditEndHandler(event)">
</code>
- Mx:DataGridColumn:
<code>
<mx:DataGridColumn headerText="{resourceManager.getString('cadastroPedidoCompra', 'ident.PercentualDesconto') }"
width="60"
textAlign="right"
rendererIsEditor="true"
editorDataField="data">
<mx:itemRenderer>
<fx:Component>
<mx:Canvas>
<input:NumberInput width="55" number="@{ data.percentualDesconto }"/>
</mx:Canvas>
</fx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
</code>
The user clicks on the line of the grid and click on the column to edit.
After him change or add value, ENTER key and have to move the focus to another column in the same line.
The way I'm doing, is moving to the column below.
What is the best way to do to move to the right column?
thank youTry adding a capture phase event listener to DataGrid for keyDown and changing the key from ENTER to TAB
-
Can we stack dashboard pages over one another
Hi All,
I am in OBIEE 11g v6.
Is there any way of stacking the pages on the dashboard if the no of pages are large. So for ex, I have 10 dashboard pages, the way it would be shown on the dashboard is
Page1|Page2|Page3|Page4|Page5|Page6|Page7|Page8|Page9|Page10
What I want is, like this,
Page1|Page2|Page3|Page4|Page5
Page6|Page7|Page8|Page9|Page10
so basically can I stack the page names in two rows? This is because when the no of page are large and can't fit in one screen, OBIEE 11g shows <<, >> at the end and then you would have to click on the >> to see the rest of the pages in the drop down. Can we avoid that?
Please help.
Thanks,
Ronny
If you notice, whenever the no of pages for a dashbaord are large. Let's say 15.Are you looking something like in this link?
http://obiee101.blogspot.com.es/2010/06/obiee-multie-line-tabs-part-2.html
I've tried (Re: Multiple-line tabs dashboard its very hard to customize it in that way. -
Distcc inside a chroot to another machine inside a chroot
Is this possible? I have two x86_64 boxes both of which have 32-bit chroots for compiling. I'm trying to get distcc to work INSIDE the chroots such that they can share processors. I'm failing :)
I have distccd running on each and makepkg.conf properly configured. When I attempt to build, I get some really odd errors:
CHK include/generated/utsrelease.h
HOSTCC scripts/pnmtologo
HOSTCC scripts/conmakehash
HOSTCC scripts/kallsyms
HOSTCC scripts/bin2c
HOSTCC scripts/mod/mk_elfconfig
CC scripts/mod/empty.o
CALL scripts/checksyscalls.sh
MKELF scripts/mod/elfconfig.h
HOSTCC scripts/mod/file2alias.o
HOSTCC scripts/mod/modpost.o
HOSTCC scripts/mod/sumversion.o
scripts/mod/sumversion.c: In function 'parse_source_files':
scripts/mod/sumversion.c:344:423: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:344:460: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:344:519: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:344:561: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:344:692: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:344:729: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:344:848: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:344:890: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:344:1570: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:344:1612: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:344:1736: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:344:1773: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:358:409: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:358:446: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:358:505: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:358:545: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:358:672: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:358:709: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:358:826: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:358:866: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:358:1538: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:358:1578: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:358:1698: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:358:1735: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c: In function 'get_src_version':
scripts/mod/sumversion.c:442:90: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:442:126: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c: In function 'strip_rcs_crap':
scripts/mod/sumversion.c:486:442: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:486:482: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:486:544: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:486:588: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:486:729: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:486:769: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:486:896: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:486:940: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:486:1643: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:486:1687: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:486:1818: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
scripts/mod/sumversion.c:486:1858: warning: cast from pointer to integer of different size [-Wpointer-to-int-cast]
HOSTLD scripts/mod/modpost
scripts/mod/sumversion.o: file not recognized: File format not recognized
collect2: ld returned 1 exit status
distcc[4972] ERROR: compile (null) on localhost failed
make[2]: *** [scripts/mod/modpost] Error 1
make[1]: *** [scripts/mod] Error 2
make: *** [scripts] Error 2
==> ERROR: A failure occurred in build().
Aborting...Here what I'm doing now that seems to be working, but it is rather complicated:
*I have 32-bit chroots on two x86_64 machines (paths mounted, just not chrooted into them).
*The distccd daemon is running on both x86_64 machines from the normal x86_64 root, and I need to stop it to make this work.
*I stop distccd on both machines (from normal x86_64 root)
*I start distccd inside the 32-bit chroot on both machines:
$ sudo chroot /bin/bash /opt/arch32
(once inside I start the daemon then exit the chroot)
Finally, outside of the chroots, I am able to use the schroot command to start the 32-bit builds and it works with distccd!
$ schroot -p -- makepkg -src
Is there an easier way, one that wouldn't involve the daemon stopping on the main environment (x86_64) and starting it up inside the chroots (i686) of both machines?
When I try it without those steps that I have outlined above, it does not work.
*I have 32-bit chroots on two x86_64 machines (paths mounted, just not chrooted into them).
*The distccd daemon is running on both x86_64 machines from the normal x86_64 root.
Note that if I run the makepkg wrapper script at this point, I will successfully compile in the x86_64 using distcc.
*Outside of the chroots, I run the build script from the schroot command:
$ schroot -p -- makepkg -src
It build fails in many errors when the script hits a make step. In this case it is "make prepare" as I attempt to build a kernel. All 252 lines of the resulting errors are on pastebin to keep this post as crisp as I can
http://pastebin.com/bRVxXYEu -
Movie ontop of another movie help
in a lot of music video's ive been seeing this effect
http://www.worldstarhiphop.com/videos/video.php?v=wshh39f4nuV6ENml4qr4 (explicit lyrics )
i thought i could do it with picture in picture but it does not stretch all the way to the sides if you center the video it expands the whole video when you try to adjust it
any tips or is this something that imovie just cant do ?in a lot of music video's ive been seeing this effect
http://www.worldstarhiphop.com/videos/video.php?v=wshh39f4nuV6ENml4qr4 (explicit lyrics )
i thought i could do it with picture in picture but it does not stretch all the way to the sides if you center the video it expands the whole video when you try to adjust it
any tips or is this something that imovie just cant do ? -
Print another PDF inside Oracle Report
We print an oracle report to PDF via oracle Forms, some customers have seperate PDFs that they want to link to the run oracle report.
Ideally they want to merge the two into one document. Has anyone had any exprience of this or know of annyway to acheive it?
I know there are a few 3rd party software providers that caim to merge 2 pdfs but wondered the community thoughts?
ThanksI did do a search and found the itext librarys but also when searched with oracle found that others were looking for ways to build it into the oracle application server.
I wondered if this had been something that Oracle had looked into acheiving that is all and when you suggested i look at examples i didnt know if you meant an oracle example.
Thanks ill review the website and see if i can get what i need. -
Onedrive inside another folder inside another folder
I just upgraded to office 365 business and came to start to use my new onedrive for business. Thinking it would put the link to the drive on my desktop or somewhere like that, I didn't notice that it put it about three layers down one of my document folders.
I want to move it to the desktop. I tried and it said I couldn't move it but I would like to.
Any ideas?
TIA
DuncanHi duncanwil, at the risk of sounding obvious- did you try right clicking on the link and chose "create shortcut?"
cameron rautmann -
I'm trying to build my first website for publication, but the
background image of my "main" div goes all the way left when I
preview in a browser.
Page properties have margins set to 0 and a background.
Inside the 760 wide "container" div, which has margin set to
auto, there is:
760 x 150 "header div with only and image
150 x 700 "sidebar" div with an image background. (inside
that will be image nav buttons stacked on top of one another) This
div is floated left
610 x 700 "main" div with a 610 x 700 old paper background
image
I had to create another "text" div inside "main" for the
welcome text on the index page, since centering the text screws up
the background of "main" if I simply put the text in that div
The problem I'm running into, with or without the "text" div,
is that the "main" background, which looks perfect in Dreamweaver,
is pushed left when I preview in a browser, so that it actually
begins where the "container" div starts on the left, if that makes
sense. Like it's behind the "sidebar" div, and since it's a
presized image with borders, I can't just repeat it to make it
reach the right side of the page!
Since the "main" is inside "container," is it inheriting
properties? But what properties would make a separate image in a
separate div behave like that? I said first website for
publication, but really my first website period. I played around
with a pre-formatted frames page and made it look OK locally, but
this is a whole 'nother ball game. Thanks in advance for any
advice!Please upload the page with all supporting files and post a
(clickable)
link. Until we can see the page in context it's nearly
impossible to say
what is wrong.
Walt
"dmchord" <[email protected]> wrote in
message
news:g980ug$mjr$[email protected]..
> I'm trying to build my first website for publication,
but the background
> image
> of my "main" div goes all the way left when I preview in
a browser.
>
> Page properties have margins set to 0 and a background.
> Inside the 760 wide "container" div, which has margin
set to auto, there
> is:
> 760 x 150 "header div with only and image
> 150 x 700 "sidebar" div with an image background.
(inside that will be
> image
> nav buttons stacked on top of one another) This div is
floated left
> 610 x 700 "main" div with a 610 x 700 old paper
background image
> I had to create another "text" div inside "main" for the
welcome text on
> the
> index page, since centering the text screws up the
background of "main" if
> I
> simply put the text in that div
>
> The problem I'm running into, with or without the "text"
div, is that the
> "main" background, which looks perfect in Dreamweaver,
is pushed left when
> I
> preview in a browser, so that it actually begins where
the "container" div
> starts on the left, if that makes sense. Like it's
behind the "sidebar"
> div,
> and since it's a presized image with borders, I can't
just repeat it to
> make it
> reach the right side of the page!
>
> Since the "main" is inside "container," is it inheriting
properties? But
> what
> properties would make a separate image in a separate div
behave like that?
> I
> said first website for publication, but really my first
website period. I
> played around with a pre-formatted frames page and made
it look OK
> locally, but
> this is a whole 'nother ball game. Thanks in advance for
any advice!
>
>
>
Maybe you are looking for
-
I am having a tough time and searched, but have not found an answer that works. Last night I copied my iPhoto Library to an external hard drive because when I initially attempted to set up Photos, I got an error that said I needed 88 GB of space for
-
Computer Telephone integration with CRM
Hi , We have a requirement to integrate existing Interactive Voice Response system,Computer Telephone Integration and Automatic Call Distribution with proposed SAP CRM. In order to integrate them we would like to use third party adapters from compani
-
How to schedule an interface in ODI
Hi, I have created an interface which loads data into essbase. I need to schedule this interface so that the dataload runs periodically. How can i do it? I also need to configure mails as and when the dataload completes. Please suggest
-
Finally got mail half running. I can send and receive directly using one of the mail server's accounts but if send from an outside account it bounces saying Relay access denied (in reply to RCPT TO command) Where should I be looking to remedy the pro
-
My imported movie shows up in the event library under 2006 date, month of march, the movie name. I want the movie to show up in the event library under the date I choose and the movie name. How do I do this?