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

How to set div absolute position from the parent div
Polymer paper-fab with position:fixed behaves strangely when used with core-list that has a scrollTarget
What is the use of “static” positioning in CSS?
CSS: fixed position
Style sheet positioning won't keep everything in place
Div on top 100%
CSS float image align
google sites html box tool css postion absolute
Manual Positioning of Shareaholic ShareBar Plugin
Div position (margin:auto)
Removing or Hiding Blank Space Left by Relative Positioning
Lightweight Javascript Responsive Positioning Library
Bootstrap 3.0 : Fixed column
space under footer on large screen resolution
Lightbox 2.6 positioning
how to fixed position of a div for all screen resolutions

Categories

HOME
jax-rs
pda
composite-primary-key
alsa
web-hosting
onclick
ado.net
tvos
sendgrid-api-v3
fosrestbundle
owin
opengl-es-3.0
angular-dart
stellar.js
favicon
selectize.js
symbol
keytool
android-7.0-nougat
event-store
beta
perlbrew
data.stackexchange.com
maze
bulletphysics
jasmine-node
has-and-belongs-to-many
ms-access-2003
underscore.js
bioinformatics
custom-controls
zend-debugger
jmockit
angularjs-material
parse-tree
playframework-2.1
xcode7.3
watchman
nohup
connection-pool
kill
visa
glm-math
berkeley-db-je
snapchat
servermanager
gitlist
configurationmanager
edit
boo
er-diagram
cpu-cache
change-tracking
redistributable
flex4.6
phpwebsocket
sklearn-pandas
nio2
themoviedb-api
computer-architecture
django-urls
phonertc
sapscript
finalbuilder
teamcity-9.1
jquery-forms-plugin
grouping-sets
android-cookiemanager
sonarqube-5.0
cbind
wcm
jama
mdichild
build-script
xml-dsig
fpdi
vbe
koala
hidapi
css-reset
fb.ui
alice
panda3d
pstack
sentestingkit
jquery-blockui
dajaxice
iboutlet
thttpd
jdb
oracle-enterprise-linux
httponly
google-ajax-api
timthumb
metaweblog
cruisecontrol.rb
rowlex
hbm2java
cfwindow
wordprocessingml
xpsdocument
fail-fast-fail-early
httpcookie
pbcopy

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