html - Align Sidebar (Which is Placed After Content) to the Left -


basically, have layout this:

<div id="wrapper">     <div id="header"> header </div>     <div id="body">         <div id="table"><div id="tablerow">         <div id="content"> main content </div>            <div id="sidebar"> sidebar </div>         </div></div>     </div> </div>

it's bit different in live website, it's structured that. problem is, want align sidebar left-side, not right-side (currently it's on right).

i'm placing sidebar after content, because content needs loaded first, sidebar next.

i tried css:

#body { overflow:auto; } #table {display:table;} #tablerow {display:table-row;} #sidebar { float:left; width:150px; display:table-cell;margin-right:5px; } #content { float:right; display:table-cell; }

it works nicely in demo (jsfiddle.net), doesn't work @ in actual website.

instead, happened sidebar aligned bottom left (after content). suppose because both content , sidebar has <table>s, i'm not sure... can't remove <table> because needed reasons.

also, if wondering use of <div id="table"><div id="tablerow">, used javascript on website.

can help? pardon poor english..

here live website if needs see: http://bleachindonesia.com/forum/ (the htmls messy)

from

<div style="width: 100%; display: table;">

remove

display: table;

from

<div style="display: table-row;">

remove

display: table-row;

to

<div id="content" style="padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; float: right; display: table-cell;">

give width, such as

width: 900px;

now your

<div class="lside" id="sidemenu" style="width: 20%; margin-right: 5px; display: table-cell;">

is on left side.


Comments

Post a Comment

Popular posts from this blog

c++ - Is it possible to compile a VST on linux? -

for class project i'm attempting write vst plugin backed cuda. current cuda workflow on linux box, i'd prefer compile , link there. according wikipedia , should possible (i couldn't find steinberg documentation relevant linux) can't find makefile or instructions on how build if aren't using xcode or visual studio. i'm vst 3 sdk doesn't support linux. when try compile plugin under linux, error: ./base/source/fatomic.cpp:39:30: fatal error: libkern/osatomic.h: no such file or directory this issue caused following code in "vst3 sdk/base/source/fatomic.cpp" #if mac #include <libkern/osatomic.h> #if mac_os_x_version_min_required > mac_os_x_version_10_4 #define native_atomic_type (volatile int32_t*) #else #define native_atomic_type (int32_t*) #endif #elif windows #include <windows.h> #endif but hope compiling under linux work vst sdk 2.4. reading. jvstwrapper seems run on lin...
Read more

java - Output of Eclipse is rubbish -

i want write program in eclipse language different english. when display output using system.out program, displays output correctly in console editor. when accept input console , output it, output rubbish. how can solve it. many thnaks i'm not sure if problem, have character encoding problem. make sure you're using unicode, utf-8. you can read more @ official docs converting non-unicode text .
Read more

jquery - Confused with JSON data and normal data in Django ajax request -

i read json internet still have not got grasp of it. reading article http://webcloud.se/log/ajax-in-django-with-jquery/ i not understood first part function using json def xhr_test(request, format): if request.is_ajax(): if format == 'xml': mimetype = 'application/xml' if format == 'json': mimetype = 'application/javascript' data = serializers.serialize(format, examplemodel.objects.all()) return httpresponse(data,mimetype) # if want prevent non xhr calls else: return httpresponse(status=400) my main problems are from function getting format variable does format json mean data given function json or data recived json can give me simple example ouput of function data = serializers.serialize(format, examplemodel.objects.all()) how use data when response in jquery function if don't use json in above function how input , response chnage thanks ...
Read more