Databases
StackOverflow2013
Postsdbo
POTable Within Div Firefox vs Chrome
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POTable Within Div Firefox vs Chrome
    primarykey
    data
    text
    <p>So I am web developer who used to have a kind graphics design person help me out on this sort of browser compatibility hell, but alas he has moved on to greener pastures. The following html looks fine and dandy on chrome, but the table I am using to align my form is sleeping on the job on the bottom in ie and firefox. Should I never use tables? Is the float in the div tags screwing everything up? Any hints or suggestions for improving my html and css would be much appreciated.</p> <p>Also, the text area text gets a little screwy sometimes in terms of where it is positioned in the box.</p> <p>Thank you all.</p> <pre><code>&lt;div style="border-style:solid; border-color:#336699; padding: 5px; margin-left:auto; margin-right:auto; width:600px; height:300px;" id="demoContainer"&gt; &lt;div style="" id="demo"&gt; &lt;div style="" id="demoHeader"&gt; &lt;img src="someimage" /&gt; &lt;span style="font-size:32px;"&gt;Demo&lt;/span&gt; &lt;/div&gt; &lt;div style="" id="demoBody"&gt; &lt;form method="get"&gt; &lt;div style="float:left; padding:5px;" id="demoBodyText"&gt; &lt;textarea style="resize:none;" rows="10" cols="30"&gt; Enter demo text here... &lt;/textarea&gt; &lt;/div&gt; &lt;div style="float:right; padding:5px;" id="demoBodyOptions"&gt; &lt;table style="float:right;"&gt; &lt;tr&gt; &lt;th&gt; Option 1: &lt;/th&gt; &lt;td&gt; &lt;select style=""&gt; &lt;option&gt;asdf&lt;/option&gt; &lt;/select&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;th&gt; Option 2: &lt;/th&gt; &lt;td&gt; &lt;select style="align:left;"&gt; &lt;option value="320"&gt;Fastest&lt;/option&gt; &lt;option value="260"&gt;Faster&lt;/option&gt; &lt;option value="200"&gt;Fast&lt;/option&gt; &lt;option value="170" selected="selected"&gt;Default&lt;/option&gt; &lt;option value="130"&gt;Slow&lt;/option&gt; &lt;option value="110"&gt;Slower&lt;/option&gt; &lt;option value="80"&gt;Slowest&lt;/option&gt; &lt;/select&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;th&gt; Option 3: &lt;/th&gt; &lt;td&gt; &lt;select&gt; &lt;option value="4.2"&gt;Highest&lt;/option&gt; &lt;option value="3"&gt;Higher&lt;/option&gt; &lt;option value="2"&gt;High&lt;/option&gt; &lt;option value="1" selected&gt;Default&lt;/option&gt; &lt;option value="0.8"&gt;Low&lt;/option&gt; &lt;option value="0.6"&gt;Lower&lt;/option&gt; &lt;option value="0.4"&gt;Lowest&lt;/option&gt; &lt;/select style="align:left;"&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;th&gt; Option 4 &lt;/th&gt; &lt;td&gt; &lt;select&gt; &lt;option value="none"&gt;None&lt;/option&gt; &lt;/select style="align:left;" &gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;input type="submit" /&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/div&gt; &lt;/form&gt; &lt;/div&gt; &lt;div style="clear:both;" id="demoFooter"&gt; Footer &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>EDIT: Added image in how it displays in my firefox version 10.</p> <p><img src="https://i.stack.imgur.com/DdpU4.jpg" alt="enter image description here"></p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USthatidiotguy
    1. USthatidiotguy
    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. This table or related slice is empty.
    1. COWhat IE version are you testing with? As for the `textarea` text, `textarea` interprets spaces literally, so you should have this instead: `<textarea style="resize:none;" rows="10" cols="30">Enter demo text here...</textarea>`
      singulars
      1. POTable Within Div Firefox vs Chrome
      1. USzim2411
    2. COIE 9 actually. The table within the div just caused the table to float way off to nowhere. Also, if you do not mind answering what I am working on right now, is trying to get that Demo text in the header aligned with the image. I miss my web designer buddy :'(
      singulars
      1. POTable Within Div Firefox vs Chrome
      1. USthatidiotguy
    3. COI don't understand what the question is.
      singulars
      1. POTable Within Div Firefox vs Chrome
      1. USj08691
 

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