Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Fixed, ty!] Can't get a content area centered for Tumblr Reply To: [Fixed, ty!] Can't get a content area centered for Tumblr

#241766
I.m.learning
Participant

First off, you have 2 doctype declarations.
2- you need to use an encoding standard

<meta charset="utf-8">

You no longer have to use Chrome-1 in your http-equiv; use:

<meta http-equiv="X-UA-Compatible" content="IE=edge">

I am not familiar with Tumblr, but never seen anyone use a prefix in their head tag; I don’t know if this is an issue, someone else might know more.

I see this style tag has no semi colons, seems not to make any difference though; even when changing position types.

<style>figure{margin:0}.tmblr-iframe{position:absolut}.tmblr-iframe.hide{display:none}</style>

However, those aren’t your issues. When changing something, and it doesn’t work, use “!important.” If that still doesn’t make the change, it’s something else.

I changed you body tag style, under the html tag style.

body { color:#fcebd5; font:14px calibri; line-height:17px; margin-right:200px; padding:0; }

This works, for the most part; but the responsiveness needs tweaking. It should minimize sooner than it does. This is the best I can do for you. Just change your margin, in your body. To move it to the left , use margin:right.

Sorry, that makes it look bad when minimizing. I’m going to leave this here to give you an idea what else to change. One thing you can do is use other options; I have a full-width table with different formatting for larger screens that collapse into a list menu using @media.

If thinking about this, I used:

/* when reaching to tablet size, change to:*/
@media screen and (max-width: 990px) {add your formatting in here}