1. #1
    ruttennicky's Avatar
    Registered
    01/03/03
    Location
    Neerpelt
    Posts
    694
    iTrader
    6 (88%)
    Mentioned
    0 Post(s)
    Reputation
    0/0

    CSS: DIV in DIV probleem

    Beste forumgebruikers,

    Ik zit met een klein stom probleempje en kom er niet uit (vakantieverstand ). Dus dan post ik het even hier. Het probleem :

    Een div in een div (menu).

    http://www.msreva.be/bezoekers

    Als je naar de bovenstaande site surft, dan zie je een vak met MENU in en een dunne zwarte rand. Nu ben ik nog bezig met de positionering van de site en stuit ik op het probleem.

    Als ik de zwarte rand wegdoe, dan krijg ik in firefox & Opera een positioneringsprobleem

    http://home.scarlet.be/~tr1953/probleem.JPG

    Maar in IE 7 geeft ie geen probleem, daar is het dus perfect.

    Heb al eens geprobeerd om :
    - in de menu div : 2px erbij en eraf (omdat de zwarte kader 1px breed is), maar zonder resultaat


    Kan iemand mij helpen ?

    Dank u

    Nicky


    CSS:
    is de grotere div met achtergrondfiguur (MENU)
    #menu {
    background-image: url(../images/layoutbezoekers_06.png);
    height: 109px;
    width: 932px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: x-large;
    font-weight: bold;


    }

    is de kleinere div die gepositioneerd moet worden (met de menu in)
    #menuspacer {
    width:500px;
    height:30px;
    margin:73px 0px 0px 27px;
    }
    no votes  

  2. #2
    grooverider's Avatar
    Registered
    08/07/03
    Location
    Leuven
    Posts
    328
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    om u toch even te corrigeren (en firefox als referentie te gebruiken, wat de gebruikelijke gang van zaken is bij webdevelopment): firefox (en opera ook) geeft je site weer zoals jij hem hebt gecoded, ie maakt er een zooitje van.
    Dat gezegd zijnde zal ik me snel even over je probleeem buigen.
    Om al te beginnen: code valideren (in dit geval hebben de errors nix te maken met je probleem, maar toch)

    edit: even bezig geweest maar toch opgegeven. Je html code is echt te warrig. Het gebruik van divs en tables door elkaar, ik kon er niet aan uit (heb nl nooit met tables gedesigned, ze dienen er niet voor)
    Last edited by grooverider; 10-08-2007 at 17:10.
    no votes  

  3. #3
    ruttennicky's Avatar
    Registered
    01/03/03
    Location
    Neerpelt
    Posts
    694
    iTrader
    6 (88%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Ik check altijd mijn sites in de 3 browsers (IE, firefox en opera).

    De mengeling van tables en div's zijn volledig de schuld van Joomla!.
    Ik kan de originele index code hier posten : die is 100 % netjes en correct opgesteld. Idem voor de CSS file.

    Normaal gezien heb ik hier nooit problemen mee, maar voor alles een eerste keer zeker ? ....

    Iemand ?

    Groetjes,

    Nicky


    EDIT : de code zal voor morgen zijn , geen tijd meer vandaag
    no votes  

  4. #4
    Dave's Avatar
    Registered
    17/07/02
    Location
    heaven
    Posts
    235
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    http://kunst.phlimburg.be/~2350021/test/
    http://kunst.phlimburg.be/~2350021/test/untitled.css

    heb de zaak rap opgeruimt. begin nie eens te zoeken in die code en css van joomla
    no votes  

  5. #5
    ruttennicky's Avatar
    Registered
    01/03/03
    Location
    Neerpelt
    Posts
    694
    iTrader
    6 (88%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    wij danken u voor deze nuttige bijdrage, de oplossing was dus simpel : div in div en daar de padding van instellen, da'k daar nie aan gedacht heb....

    Ene voor te onthouden dus


    Merci in ieder geval

    Groetjes,
    Nicky


    PS : Dave, zeeeer mooi porfolio !
    Last edited by ruttennicky; 11-08-2007 at 11:43.
    no votes  

Posting Permissions

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

Log in

Log in