Elaborated CSS questions with example

  • Hi guys,
    I have design problems with my blog
    https://www.revelation-of-silence.com

    I will post the CSS code behind after my text.

    1. In the internet explorer, the page is centered, in firefox, it is on the left border. I had this bug several times now and always had to use the original CSS and copy my changes into it – it worked out fine again.
    Then I started changing things very carefully – and after changing this part of code

    #masthead {
    letter-spacing: 0.2em;
    margin: 8px 8px 0 8px;
    padding: 0 10px 10px 60px;
    font: normal 100% 'Lucida Grande', 'Lucida Sans Unicode',

    to 0 10px 10px 40px, the bug appeared. I changed the code back, but still it does not work out.
    I replicated the bug several times, and wanted to ask if you can help me out with this.

    2. The internet explorer does not put a margin at the bottom of the page, the fire fox does. It should be this part of code:

    #farouter {
    background: #000000;
    width: 760px;
    border: 1px solid #545454;
    margin: 20px 0 20px 0;

    But it does not work out properly with the IE. Any suggestions?

    3. Right navigation, pages, subpages (like black and white, photoshop, dsa or vampire) – I have no idea how to edit them. I want them margined left, but I do not understand how to edit them in the sourcecode.
    Could be this part of code, but it is not working (does not change everything if I put it out of the code):
    #nav ul ul ul.children {
    font-size: 100%;
    padding-left: 15px;

    }

    Would be happy about your help. Tried to fix the problems for several days now, do not know what to do.

    Thank you guys ??
    Eiko

    here the whole code:

    [Moderated – please do not post huge chunks of code. We can see the code we need if we have your url]

Viewing 5 replies - 16 through 20 (of 20 total)

  • On your body, try this:

    margin: 0 auto

    Thread Starter Torvon

    (@torvon)

    Weeeeee Minna you are the best ?? !!

    So problem 1 is solved, problems 2 and 3 still do exist.
    Moreover, if you look carefully at the right side of the head image compared to the right side of the high navigation bar, there is one or two pixels difference in width. I have no idea where this results from.

    Problem 2: I think you need to declare margin on your body, not #farouter.

    Try adding body {margin-bottom:20px} and see if it works.

    Thread Starter Torvon

    (@torvon)

    Problem 2. solved, too. Thank you Kiddeath91 !
    3. left …

    Just as you have learned to align things and add padding and margins to the other sections, take another look with this new knowledge at your sidebar. You pointed out one of them in your original message:

    #nav ul ul ul.children {
    font-size: 100%;
    padding-left: 15px;}

    This is the 1, 2, 3 and everything after section presentation codes. If this list still applies with the nested lists, notice the padding-left code. Think about what you can do to change that so everything lines up with your margin……..

Viewing 5 replies - 16 through 20 (of 20 total)
  • The topic ‘Elaborated CSS questions with example’ is closed to new replies.