css - Margin appearing when page is wide -

-

i'm new web design , have encountered problem margins. things work when page small, when increase width margin appears between main , right column divs. (red , green)

here in jsfiddle: https://jsfiddle.net/jcn2ds03/

here's css:

#container {    /* padding , margin */   padding: 0px;   margin: 0px;   border: 0px;     overflow: hidden;    max-width: 50000px;    min-width: 500px;  }  #container .inner {    /* padding , margin */   padding: 0px;   margin: 0px;   border: 0px;    /* dimensions */   min-width:700px; }  #right-column {   /* padding , margin */   padding: 0px;   margin: 0px;   border-left: 5px solid #e3e3e3;     float: right;   width: 200px;   height: 1000px;   background: green;  } #right-column h2 {   text-align: center;  } #right-column u1 {   /* padding , margin */   padding: 0px;   margin: 0px;   border: 0px; } #right-column li {   /* padding , margin */   padding: 0px;   margin: 0px;   border: 0px;    text-align: center;   list-style-type: none; }  #main {   /* padding , margin */   padding: 0px;   margin: 0px;   border: 0px;    /* dimensions */   width: 85%;   min-width: 500px;   height: 1000px;    background: red; }  #header {   /* padding , margin */   padding: 0px;   margin: 0px;   border: 0px;    /* dimensions */   width: 100%;   height: 300px;    /* colors */   background-color: #eeeeee; }  #footer {   /* padding , margin */   padding: 0px;   margin: 0px;   border: 0px;    height: 300px; }

and html

<!doctype html> <html>   <head>   <link rel="stylesheet" type="text/css" href="style2.css" />   </head>   <body>     <div id="container">       <div id="header">        </div><!-- #header end -->       <div class="inner">         <div id="right-column">           <h2><a href="">main link</h2>           <u1>             <li><a href="">link1</a></li>             <li><a href="">link2</a></li>             <li><a href="">link3</a></li>             <li><a href="">link4</a></li>           </u1>         </div><!-- #right-column end -->         <div id="main">          </div><!-- #main end -->       </div> <!-- .inner end -->     </div> <!-- #container end -->     <div id="footer">      </div> <!-- #footer end -->   </body> </html>

and few pictures:

all good: http://gyazo.com/8bd7a80d9596e126f6477aec75c54f3e

too wide: http://gyazo.com/12fdaf65c69ff35d8ce721689f4ad235

get rid of width: 85%; in #main. fiddle: https://jsfiddle.net/4fe8bkyf/


Comments

Post a Comment

Popular posts from this blog

PHP DOM loadHTML() method unusual warning -

-
i had following code works fine on localhost: $document = new domdocument(); $document->loadhtml($p_result); $form = $document->getelementsbytagname('form')->item(0); // code continues using $form variable after same code updated on outside server, loadhtml() failed , issued warning. warning: domdocument::loadhtml() expects parameter 1 valid path, string given in path/name/to/script.php returned null instead of object code pretty gets fatal error. note contents of $p_result absolutely same on outside server , on localhost. but why displays kind of warning , why not work? doesn't loadhtml() expects argument 1 string in first place? why method expects parameter 1 valid path ? just make clear i'm not calling loadhtmlfile() , i'm calling loadhtml() . thanks. you're affected one of php bugs . issue present in php 5.6.8 , 5.6.9. have affected php version on server, , bug-free version on localhost. the bug forbids null
Read more

python - How to create jsonb index using GIN on SQLAlchemy? -

-
here's current code creating index jsonb. index("mytable_data_idx_id_key", mytable.data['id'].astext, postgresql_using='gin') but got error. sqlalchemy.exc.programmingerror: (psycopg2.programmingerror) data type text has no default operator class access method "gin" hint: must specify operator class index or define default operator class data type. [sql: "create index event_data_idx_id_key on event using gin ((data ->> 'id'))"] is there way create index on sqlalchemy? the postgresql specific sqlalchemy docs @ http://docs.sqlalchemy.org/en/latest/dialects/postgresql.html#operator-classes mention postgresql_ops dictionary provide "operator class" used postgresql, , provide example illustrating use: index('my_index', my_table.c.id, my_table.c.data, postgresql_ops={ 'data': 'text_pattern_ops',
Read more

c# - TransactionScope not rolling back although no complete() is called -

-
i'm using transactionscope rollback transaction fail bool errorreported = false; action<importerrorlog> newerrorcallback = e => { errorreported = true; errorcallback(e); }; using (var transaction = new transactionscope()) { foreach (importtaskdefinition task in taskdefinition) { loader.load(streamfile, newerrorcallback, task.destinationtable, processingtaskid); } if (!errorreported) transaction.complete(); } i'm sure there no transactionscope started ahead or after code. i'm using entity framework insert in db. regardless state of errorreported transaction never rolled in case of error. what missing ? transactionscope sets transaction.current . that's does. wants transacted must @ property. i believe ef each time connection opened reason. probably, connection open when scope installed. open connection inside of scope or enlist manually. ef has nasty "design decision": default opens
Read more