Databases
StackOverflow2013
Postsdbo
POhow do i css position this divs according to my layout picture?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POhow do i css position this divs according to my layout picture?
    primarykey
    data
    text
    <p>im making a self financial accounting program but im gonna use html,css and php to do it</p> <p>i have a basic layout with 5 main divs on the front page</p> <p>here it is the mock: <a href="http://s24.postimage.org/le9yrx4np/divs.jpg" rel="nofollow">http://s24.postimage.org/le9yrx4np/divs.jpg</a></p> <p>i never coded before and im failing hard</p> <p>i want this layout compatible with "desktops" this is my desktop version</p> <p>im working based on a 1024 x 768 screen</p> <p>but i want webkits compatible for all browsers because i want this able to resize if its a little bigger or smaller im not sure if need em since i can just set things to like 100% but thats where my problem starts</p> <p>here is my work so far</p> <p><a href="http://jsfiddle.net/dhJPS/" rel="nofollow">http://jsfiddle.net/dhJPS/</a></p> <p>my prblems are</p> <ol> <li><p>the middle three divs are being overlapped by the right div, notice on the words how they are not centered from the left div to the right div</p></li> <li><p>i cant seem to understand the concept of floating to well i cant make this layout work like i want</p></li> </ol> <p>anyways if you can help me out a little with this one is greatly appreciated!!</p> <p>thanks</p> <pre><code>#leftside { background-color: blue; width: 170px; height: 770px; float: left; } #intab { background-color: yellow; width: 100%; height: 297px; } #currentday { background-color: white; width: 100%; height: 170px; } #outtab { background-color: yellow; width: 100%; height: 297px; } #rightside { background-color: black; height: 770px; width: 200px; float: right; margin-top: -765px; } * { margin: 0px; padding: 0px; list-style-type: none; } body { text-align: center; display: block; } img { border: none; } </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USjoseph estrada
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POhow do i css position this divs according to my layout picture?
      1. This table or related slice is empty.
      1. VTDownMod
    1. CO"i cant make this layout work like i want" -- how's it supposed to work?
      singulars
      1. POhow do i css position this divs according to my layout picture?
      1. USScott
    2. COnotoverlapping, everything stretches to look like the picture and it basically is like the picture, mine is like just there, its not really a layout yet, the positions are bad, everything over laps
      singulars
      1. POhow do i css position this divs according to my layout picture?
      1. USjoseph estrada
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload