css-position


Style sheet positioning won't keep everything in place


I'm hoping this will link to my bin - http://jsbin.com/vuqaw/1/edit
The problem I'm having is that I'm a newb as the user name states. Either way. I'm trying to layout my personal blog with a 2 column layout. I'm doing it all in hopes that when a window is resized smaller the content will stay the same size AND stay put. If possible, I'd like the 2 columns to be nearly bumped up next to one another.
In my search I've found some other interesting helpful things (Google links directly back to SO for most searches), but this is where I hit the brickwall. (I'm probably nowhere near searching for the correct terms
Thanks
You need to remove absolute positioning and float both containers to the left. Try these:
#navright{
width:20%;
border:1px solid red;
margin: 15px 175px 0px 0px;
padding:15px;
float:left;
}
#blogcontentleft{
float:left;
width:30%;
border:1px solid red;
margin: 15px 0px 0px 185px;
padding: 15px;
margin-right: 10px;
}

Related Links

div containing absolute img has zero height
Need static menu when overflow-x:scroll
How can I put a section under cross-fade background section
Content div nex to fluid fixed div
Where does this distance difference come from
Absolute position relative to some arbitrary element
Relative positioning of custom controls with OpenLayers 3
How to set div height with relative position as child div with absolute position using css?
I'm trying to put a fixed divsion at the top of the page but when I scroll with FF, lines are lost
fixed position z-index not working
how to create adjustable gap between elements (div)
How to properly apply a css hack for IE11 transition misbehaviour
How do you make leaflet popup window full screen on small screens?
Fix a div to the bottom while scrolling with skrollr
Sticky Footer at bottom of PAGE, not just bottom of WINDOW
How to set div absolute position from the parent div

Categories

HOME
google-app-engine
search
porting
awk
cheerio
codenvy
pagination
solaris
requirements
bitbucket-api
cakephp-3.4
big-o
tail
gembox-spreadsheet
regular-language
babeljs
x264
vsm
jtextpane
webix
modal-dialog
p2p
syntaxnet
vimdiff
rtf
onedrive-api
symmetricds
event-sourcing
aws-sdk
mathprog
charles
replication
visual-glitch
cgbitmapcontext
visual-studio-extensions
joptionpane
exit
aggregation
zxing
xbox
recurring-events
mustache
mockjax
jett
carriage-return
baidu-map
servicestack-text
searchkit
softmax
monkey-testing
flask-restful
libgphoto2
manova
insight
bluez
truezip
colorbar
git-flow
cup
cmp
universal-analytics
javafx-css
actor-platform
seek
envi
tracker-enabled-dbcontext
boost-serialization
ikiwiki
html-to-pdf
jparsec
batik
amiga
liquid-layout
nsurlsessiondatatask
actionfilterattribute
java-security
document-repository
boost-program-options
kissfft
verold
file-not-found
fpdi
sbcl
windows-embedded-standard
light
model-driven-development
mbunit
superscrollorama
redis-py
xcode3.2
mbeans
quotation-marks
objective-j
isapi-extension
sifr3
localizable.strings

Resources

Mobile Apps Dev
Database Users
javascript
java
csharp
php
android
MS Developer
developer works
python
ios
c
html
jquery
RDBMS discuss
Cloud Virtualization
Database Dev&Adm
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App