login  Naam:   Wachtwoord: 
Registreer je!
 Forum

div width (Opgelost)

Offline jerone - 05/03/2007 11:07 (laatste wijziging 05/03/2007 12:42)
Avatar van jeroneJS gevorderde ik heb een div gemaakt van 1px breed. deze div heeft een achtergrondkleur gekregen. tevens heeft deze div randen gekregen.

nu is het probleem dat FF, NS, Opera dit allemaal correct weergeeft, alleen IE natuurlijk weer niet. IE geeft het weer als 1 px breed, inclusief de randen.

dus pas als ik de div 3px breed maak, zie ik hem correct in IE (1px rand + 1px content + 1px rand), maar dan natuurlijk weer niet in de andere browsers (1px rand + 3px content + 1px rand).

hier een voorbeeld van mijn probleem, de verticale bar zit het probleem in. deze bar heb ik nu 3px gezet. je zult hem dus in IE als 1px zien en bij de rest van de browsers 3px. 

hoe los ik dit op:?: eventueel met javascript:!:

7 antwoorden

Gesponsorde links
Offline Warbringer - 05/03/2007 11:10 (laatste wijziging 05/03/2007 11:11)
Avatar van Warbringer Onbekend Start > Configuratiescherm > Software > Internet Explorer > Verwijderen 

Heb je alles in kleine letters getyped? IE wil nog wel eens moeilijk doen als je hoofdletters gebruikt soms
Offline jerone - 05/03/2007 11:11 (laatste wijziging 05/03/2007 12:41)
Avatar van jerone JS gevorderde juist dat vind ik nou ook, gebruik zelf FF. 
maarja dan spreek niet voor de rest van de wereld 

neeh staan helemaal geen letters in; een lege div
Offline Ibrahim - 05/03/2007 13:06
Avatar van Ibrahim PHP expert een lege div word toch eigelijk niet weergegeven ?
Offline Soebam - 05/03/2007 13:20
Avatar van Soebam HTML ver gevorderde Dit is een bekende css fout van IE. Zoals ik even snel op je website keek gebruik je deze div als hr. Maak dan gewoon met css je hr op, ipv hier een div voor te gebruiken.
Offline jerone - 05/03/2007 13:37 (laatste wijziging 05/03/2007 13:38)
Avatar van jerone JS gevorderde @siliecom14
onzin, als ik zeg dat de div zo groot moet zijn, dan wordt hij ook zo groot. alleen bij IE zijn deze border inclusief, terwijl dat bij de rest niet zo is 

@Soebam
als ik dan een hr ga gebruiken dan kan ik deze toch niet verplaatsbaar maken, dat is nou juist het idee van die div.

iig bedankt voor reageren

zou het miss een idee zijn dat als de browser IE is dat de maat 3px is en als het niet IE is, de maat 1px ?
Offline Soebam - 05/03/2007 14:50 (laatste wijziging 05/03/2007 14:52)
Avatar van Soebam HTML ver gevorderde Dat kan natuurlijk, je maakt bijvoorbeeld voor beide browsers apart een stylesheet en kiest met JS:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="JavaScript" type="text/javascript">
  2. 	document.write('<link rel="stylesheet" href="');
  3. 	var agt=navigator.userAgent.toLowerCase();
  4. 	if (agt.indexOf('msie') != -1) document.write('ie.css');
  5. 	else document.write('style.css');
  6. 	document.write('" type="text/css" />');
  7. </script>


Hier voor style.css (alles behalve IE) en ie.css (voor IE, dus )
Offline jerone - 05/03/2007 16:10 (laatste wijziging 05/03/2007 16:12)
Avatar van jerone JS gevorderde hmm, die optie onhoud ik iig. maar deze is wel heel erg dratisch om alleen maar dat kleine getalletje.

miss dat ik wel de maat laat toevoegen via js en dan voor IE 3px ipv 1px

php code - Bekijk de code zonder highlighting - Klap code in 
  1. function setWidthBarV() {
  2. 	var barV = document.getElementById('BarV');
  3. 	var agt=navigator.userAgent.toLowerCase();
  4. 	if (agt.indexOf('msie') != -1) {
  5. 		barV.style.width = 3 + 'px';
  6. 	}
  7. 	else {
  8. 		barV.style.width = 1 + 'px';
  9. }	}
bedankt voor het idee 
zie hier de uitkomst.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.2s