Advanced Search

Results 1 to 3 of 3

Thread: display: inline/block or what? To prevent overlapping

  1. #1
    Join Date
    Aug 2005
    Location
    Youngstown Ohio
    Posts
    114
    Thanks
    3
    Thanked 1 Time in 1 Post

    Post display: inline/block or what? To prevent overlapping

    On the front page of my site I post news clippings & articles, much like a blog; also I have two boxes displaying information on Master's degrees in Integral theory. The problem that seems to be recurring is that the title of the top news posting keeps poking in-between the boxes towards the top and I can't seem to resolve the issue. I've read many books on CSS design over the past 4 years and have felt compelled to abandon flash design in leiu of neat CSS but I am still learning and am usually able to grasp a concept a few months after reading about it.

    here is the css
    .degreeLeft {
    float: left;
    width: 40%;
    padding: 13px;
    background: #F9F9F9 url(images/corner.gif) no-repeat bottom right;
    border: 1px solid #F0F0F0;
    color: #626262;
    }

    .degreeRight {
    float: right;
    width: 40%;
    padding: 13px;
    background: #F9F9F9 url(images/corner.gif) no-repeat bottom right;
    border: 1px solid #F0F0F0;
    color: #626262;
    }


    I'am sure those selectors are not even coded right to comply with 'cascading' since they are nested within 'primaryContentContainer > primaryContent > degreeLeft / degreeRight'

    Best Regards
    ~Ross

  2. #2
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    Code:
    titleElement {
         clear:both;
    }
    I suspect presently you have clear:left without looking at the code.

  3. #3
    Join Date
    Aug 2005
    Location
    Youngstown Ohio
    Posts
    114
    Thanks
    3
    Thanked 1 Time in 1 Post

    Default

    Quote Originally Posted by boogyman View Post
    Code:
    titleElement {
         clear:both;
    }
    I suspect presently you have clear:left without looking at the code.
    Ah yes, I keep forgetting that little trick, thank you.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •