Gap below banner in Opera

Discussion in 'CSS' started by mark_s, Jun 4, 2008.

0
  1. #1
    Can someone please tell me why in Opera there is a fairly large gap below the top banner on my website?

    Looks perfect in FF, IE6 and IE7.

    Thanks in advance :)
     
    mark_s, Jun 4, 2008 IP
  2. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #2
    Well, fixing all your invalid markup could be a start.

    http://validator.w3.org/check?uri=h...(detect+automatically)&doctype=Inline&group=0

    The 'problem' though is you are using a IMG tag (for something I consider a presentational element) - set that img tag to display:block, that SHOULD do it.

    Though I'd probably axe the completely pointless DIV around it, get rid of a whole host of unneccessary class declarations, mark up the menus as lists, etc, etc.
     
    deathshadow, Jun 4, 2008 IP
  3. mark_s

    mark_s Peon

    Messages:
    497
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thanks but can you explain to me what div you consider to be pointless and why?
     
    mark_s, Jun 4, 2008 IP