CSS question

  • tswartz

    (@tswartz)


    19 years ago

    Hey, I’m working on a new WordPress theme for a group that I’m working with. I’ve got most of the theme’s design worked out but I’ve got a couple of CSS problems before I take it into WordPress. Could someone take a look at this and help me out? I don’t think they are huge problems; I got most of the big errors taken care of.

    https://www.shinygavel.com/wcrf/
    https://www.shinygavel.com/wcrf/css.css

    1) The “Washington College Republicans Federation” text should be inside the rounded grey corner area in the header. If I use “padding: 16px” on the header div, there is a margin sort of thing that appears on the bottom of the div. (It separates the container div from the bottom of the header div, creating about a 15px space in between.)

    2) The nav div (navigation menu) shows fine in Safari/Firefox, but is weird in IE. I used position:relative within the header div to place the bar of text in the bottom right of the header div. Is there any other way to do this that will display the same in IE and Firefox/Safari?

    Thanks!

Viewing 1 replies (of 1 total)
  • w3central

    (@w3central)

    1) personally I would put that in another block-level element, and control that element
    2)I see you use a space but forget the ; behind it ( ). With such display errors, I always use a border (red or blue) and see how the element looks into the other. Then I get a good grasp on how the two behave and where the problem lies. That makes it easier to do trouble-shooting.

Viewing 1 replies (of 1 total)
  • The topic ‘CSS question’ is closed to new replies.