Sidebar div settings

I’m working blind to a large degree…

What could I add? ?? The whole background in K. theme is an image, so you cannot do anything in CSS about the width. (and the images are “styled” in the header.php)

If you want to keep your sanity – choose another theme to modify.

Oh, I’ve done most of it and made the whole PHP look similar to my main site but I liked the idea of including it in an iFrame so it was identical. I’ve butchered most of the CSS and the header.PHP, footer.PHP and some of the index.PHP has changed but this part stumps me. I thought DIVs were floating boxes

Divs are “boxes – that’s true.
Not seeing it, I am out of ideas. I have to add though, I don’t do Kubrick and I don’t know anything about (i)frames.

okay, here’s the link (though remember this is a work in progress and the site is actually hidden behind another one)

https://www.gazzanewpy.me.uk/wordpress/reflect.htm

to fit into a window (an iframe) of 700 so I thought 500 content, 200 sidebar. I got width sorted in the CSS

Maybe you changed the width values (though I didn’t see it!) but you also need to change the margins for the content and sidebar (floated) divs.

your right! I’ll go try.By the way, the CSS is called style.css

I know how it is called – I even looked at it, just didn’t see your claimed changes ??

No, in fact I set the margin to 500 and the width to 200 (making it run up to the 700 required. I then set the content 0 with wdith 500. Yet nothing

Using FF and the Dev Toolbar I could edit your stylesheet and could shrink your content and/or sidebar to whatever width I wanted.
You just have to know what to edit.
And your frame doesn’t seem to be 700px. Furthermore, the whole blog stuff is usually wrapped in an outer div and that will define how wide you can go.

So, there is nothing esle to do, just trial and error and learning how these things work. Of course, using a simple theme would keep you sane ??

FF and the Dev Toolbar?

And yeah, simpler would be better but I don’t like easy lives!

Firefox (as in browser). It has a nice little gizmo that helped me to take a look at your css file and even edit it and see the changes. Of course, it’s not changing anything on your server, just in the browser, but you can see instantly the effect of the editing.
https://www.mozilla.com/firefox/

I run firefox but didn’t know about this tool. I have got to try that out. Thanks!

Also for FF: aardvark, and formatted source extensions…. which combined with the web dev toolbar make it very very easy to manipulate sites and the design thereof.