Thread: CSS: DIV in DIV probleem
-
10-08-2007, 13:06 #1Member
- 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
-
-
10-08-2007, 16:55 #2
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
-
10-08-2007, 19:18 #3Member
- 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
-
11-08-2007, 09:45 #4
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 joomlano votes
-
11-08-2007, 11:38 #5Member
- 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
