Archief - CSS: DIV in DIV probleem

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

ruttennicky

Legacy Member
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;
}

grooverider

Legacy Member
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)

ruttennicky

Legacy Member
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

ruttennicky

Legacy Member
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 ! :)
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan