1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Having some problems w/vBulletin CSS / Layout Integration

Discussion in 'CSS' started by kkibak, Oct 19, 2006.

  1. #1
    Hoping someone can help me out here.. I'm doing some layout stuff for www.breederretriever.com, and the site's forums integrate well on both firefox and ie7, but oin ie6, there is a big blank space pushing the actual forums down. Take a look at http://www.breederretriever.com/forums/ --keep in mind it works fine in firefox, just not in ie 6.

    If anyone could give me some tips or pointers on what they think might be causing this i'd really appreciate it. I'm still kind of new to css.
     
    kkibak, Oct 19, 2006 IP
  2. idotcom

    idotcom Well-Known Member

    Messages:
    522
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    108
    #2
    I'm playing with the source in DW, but there are a lot of code errors.
     
    idotcom, Oct 19, 2006 IP
  3. kkibak

    kkibak Peon

    Messages:
    1,083
    Likes Received:
    78
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Yeah, it seems that the code errors are coming from the things I'm not in control of really, like the Yahoo Search, for example--is this what you're seeing as well?
     
    kkibak, Oct 19, 2006 IP
  4. idotcom

    idotcom Well-Known Member

    Messages:
    522
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    108
    #4
    There's actually a lot of errors. Two head and body tags, broken tables, and unclosed divs. I tried to fix it using the source... but I'm not able to spend that kind of time... already put about 20 min into it.

    You might want to look at the container css and div tag.

    Good luck
     
    idotcom, Oct 19, 2006 IP
  5. kkibak

    kkibak Peon

    Messages:
    1,083
    Likes Received:
    78
    Best Answers:
    0
    Trophy Points:
    0
    #5
    the heads were taken care of right after i posted--i guess you got the code jsut before i fixed it.

    would you mind lettin' me know where the broken tables were?

    they would have to be generated by vBulletin since the site doesn't use tables
     
    kkibak, Oct 19, 2006 IP
  6. idotcom

    idotcom Well-Known Member

    Messages:
    522
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    108
    #6
    Are you using dreamweaver? If so, on the website, view source and copy and paste the entire code in a new file. In dreamweaver 8 there is error code highlighting in the code view.

    I'll take another look at it with the updated code.
     
    idotcom, Oct 19, 2006 IP
  7. kkibak

    kkibak Peon

    Messages:
    1,083
    Likes Received:
    78
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Thanks I do appreciate your help very much. I'm running Dreamweaver 8... let me see if I can get the error to show up for me as well..

    Also, the Yahoo Search thing which is literally cut/pasted code from their generator seems to be creating errors... ugh.

    EDIT: OK cool I got the error highlighting stuff to work.
     
    kkibak, Oct 19, 2006 IP
  8. kkibak

    kkibak Peon

    Messages:
    1,083
    Likes Received:
    78
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Okay, are you seeing any errors with the updated code? I got rid of them all on my end.
     
    kkibak, Oct 19, 2006 IP
  9. idotcom

    idotcom Well-Known Member

    Messages:
    522
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    108
    #9
    This is freaking nutts. It should be working. I tried the css and and repositioning divs... I hate when these stupid "little BIG" problems happen.

    I tried bud. Over an hour now... and it's gonna drive me nuckin futts.

    Can you place the navbox and content divs in a table? Like a 2 column 1 row table? That's what I'd do.

    I got to stop now... sorry. But good luck man.

    Oh... and I think you got the problematic code, no more highlights... but on the original, I did have to place two end </div> tags at the bottom to clost the container div and one other I guess...
     
    idotcom, Oct 19, 2006 IP
  10. idotcom

    idotcom Well-Known Member

    Messages:
    522
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    108
    #10
    What's crazy is that if you take out the nav div, the rest goes where it should be.
     
    idotcom, Oct 19, 2006 IP
    kkibak likes this.
  11. kkibak

    kkibak Peon

    Messages:
    1,083
    Likes Received:
    78
    Best Answers:
    0
    Trophy Points:
    0
    #11

    Yeah, that was a stupid cut/paste thing by me. I do notice that there is a forced side scroll, so I'm thinking something in the vb tables adds up to more than 100%. I will let you know when I find just for some closure :) Thanks for the help, green your way.
     
    kkibak, Oct 19, 2006 IP
  12. idotcom

    idotcom Well-Known Member

    Messages:
    522
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    108
    #12
    Made some progress... because I hate quiting...

    nav div ( float:left;clear:right; )
    content div ( float:right;clear:left; )

    Now just need to fix spacing
     
    idotcom, Oct 19, 2006 IP
  13. kkibak

    kkibak Peon

    Messages:
    1,083
    Likes Received:
    78
    Best Answers:
    0
    Trophy Points:
    0
    #13
    What exactly does the clear:right; stuff do? that's one part of css i don't get yet

    btw, i just uploaded the new style.css with your changes
     
    kkibak, Oct 19, 2006 IP
  14. idotcom

    idotcom Well-Known Member

    Messages:
    522
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    108
    #14
    Do a search for

    css div side by side

    That's the problem. You'll find better info than I can give you on this one.
     
    idotcom, Oct 19, 2006 IP
  15. kkibak

    kkibak Peon

    Messages:
    1,083
    Likes Received:
    78
    Best Answers:
    0
    Trophy Points:
    0
    #15
    haha, okay, that moved it up in ie6 but down in ff... this is so frustrating
     
    kkibak, Oct 19, 2006 IP
  16. idotcom

    idotcom Well-Known Member

    Messages:
    522
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    108
    #16
    yea... that's the result I got. After looking at the page again just now, I think the space between the two looks exactly like the width of the div nav (147px) maybe something is cause that extra space.
     
    idotcom, Oct 19, 2006 IP
  17. idotcom

    idotcom Well-Known Member

    Messages:
    522
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    108
    #17
    That really sucks. I've had many problems like this... works one or the other... that's why I tend to use more tables for layouts and divs for content.
     
    idotcom, Oct 19, 2006 IP
  18. kkibak

    kkibak Peon

    Messages:
    1,083
    Likes Received:
    78
    Best Answers:
    0
    Trophy Points:
    0
    #18
    im trying using inline stuff instead of floats now based on that goog link u posted
     
    kkibak, Oct 19, 2006 IP
  19. kkibak

    kkibak Peon

    Messages:
    1,083
    Likes Received:
    78
    Best Answers:
    0
    Trophy Points:
    0
    #19
    Okay well atleast we've addressed the stupid html errors, etc. I think the problem now is that something is causing vbulletin to take up more space (width) than it should. I'm reverting back to the starting css sheet and going to try to find where vb could be screwing this up
     
    kkibak, Oct 19, 2006 IP
  20. kkibak

    kkibak Peon

    Messages:
    1,083
    Likes Received:
    78
    Best Answers:
    0
    Trophy Points:
    0
    #20
    Got it fixed! Thanks for all the help, much appreciated. In the end it was fixed by setting the content to float:left with a clear:right, the nav to float:left; clear:both; and defining a width (albeit in %) for each div. The mandatory assignment of widths was throwing us off earlier.
     
    kkibak, Oct 19, 2006 IP