Quick Question

[faevii]

I'm trying to create a layout by adding custom CSS to the Tabula Rasa style.

Does anybody happen to know which element I need to remove the margin from in order to get rid of the gap between the navigation strip and the header? I've tried everything I could think of already ...

Comments

[foxfirefey]

Don't have the time to troubleshoot at the moment BUT I highly recommend Firebug for answering those types of questions--use the HTML tab, use the arrow pointing at a rectangle, and then you can hover over objects on the page and see what style is being applied to them on the right.

[faevii]

Thanks, I've tried that and it has at least given me an idea in case I don't figure this out ... though I suspect what I'm actually looking for is not a style being applied to anything, but the default margin of something or other.

[foxfirefey]

In that case, you can look at the "Computed" tab on the right instead of the "Style" tab--it will tell you what margins are being computed for that current block.

[faevii]

I'm starting to find this extension really useful. Thanks again! :D

[foxfirefey]

I don't even know what I would do without it sometimes!

Bonus: you can use Firebug to edit the CSS and tweak with it live in case you want to test out changes, too.

[faevii]

I'm definitely going to use it a lot in the future. Still haven't managed to solve the original problem, but maybe that's just because I'm tired.

[jana]

You need to edit several classes:

body{margin: 0; padding:0; } --> removes some of the space between canvas and navigation strip

#canvas{margin: 0; padding: 0; overflow: hidden; } --> makes the whole canvas box 'visible', thereby 'removing' the space between header and navigation strip

#canvas .inner{margin: 0; padding: 0; overflow: hidden;} --> removes space between header and top of canvas box and and top of content box

Hope this works for you as well!

[ninetydegrees]

With Tabula Rasa, this works for me:

body { margin: 0; }

[faevii]

Ahh, many thanks! That did it. :)