login  Naam:   Wachtwoord: 
Registreer je!
 Forum

layout (Opgelost)

Offline julianb - 31/12/2011 16:58 (laatste wijziging 31/12/2011 19:58)
Avatar van julianbLid hallo

Ik ben bezig met een website te maken. En ik had een vraag!
dat was ,als je bijv. je menu van je site padding:34px; doet.
en je kijkt op een andere pc en daarvan is het beeldscherm groter waar door je menu ergens anders staat. is er dan wat je in css kan zetten waardoor op welk pc met welk beeldscherm dan ook altijd op de juiste plaats staat?

alvast(een gelukkig Nieuwjaar) bedankt

Julian
p.s
ik heb gradient als achtergrond en in chrome doet die het maar in internet exploder niet
php code - Bekijk de code zonder highlighting - Klap code in 
  1. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b1b1b2, endColorstr=#f0f0f0)";    
  2.         background-color: #CCC;
  3.         background-image: linear-gradient(bottom, rgb(77,77,78) 2%, rgb(201,201,201) 51%, rgb(240,240,240) 85%);
  4.         background-image: -o-linear-gradient(bottom, rgb(77,77,78) 2%, rgb(201,201,201) 51%, rgb(240,240,240) 85%);
  5.         background-image: -moz-linear-gradient(bottom, rgb(77,77,78) 2%, rgb(201,201,201) 51%, rgb(240,240,240) 85%);
  6.         background-image: -webkit-linear-gradient(bottom, rgb(77,77,78) 2%, rgb(201,201,201) 51%, rgb(240,240,240) 85%);
  7.         background-image: -ms-linear-gradient(bottom, rgb(77,77,78) 2%, rgb(201,201,201) 51%, rgb(240,240,240) 85%);
  8.         background-attachment:fixed;

iemand een oplossing dat die het in internet exploder wel doet?

8 antwoorden

Gesponsorde links
Offline icemar - 31/12/2011 17:23
Avatar van icemar Lid Dat ligt er aan hoe je css is opgebouwd kan daar zo geen makkelijk antwoord op geven zonder de rest van je css te zien
Offline julianb - 31/12/2011 17:28
Avatar van julianb Lid
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <style type="text/css">
  2.         #gradient
  3.         {
  4.         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b1b1b2, endColorstr=#f0f0f0)";    
  5.         background-color: #CCC;
  6.         background-image: linear-gradient(bottom, rgb(177,177,178) 2%, rgb(201,201,201) 51%, rgb(240,240,240) 85%);
  7.         background-image: -o-linear-gradient(bottom, rgb(177,177,178) 2%, rgb(201,201,201) 51%, rgb(240,240,240) 85%);
  8.         background-image: -moz-linear-gradient(bottom, rgb(177,177,178) 2%, rgb(201,201,201) 51%, rgb(240,240,240) 85%);
  9.         background-image: -webkit-linear-gradient(bottom, rgb(177,177,178) 2%, rgb(201,201,201) 51%, rgb(240,240,240) 85%);
  10.         background-image: -ms-linear-gradient(bottom, rgb(177,177,178) 2%, rgb(201,201,201) 51%, rgb(240,240,240) 85%);
  11.         }
  12.         div
  13.         {
  14.             display:block;
  15.             text-align:center;
  16.         }
  17.     #logo
  18.         {
  19.             text-decoration:none;
  20.             color:#0E0549;
  21.             font-family:Century Gothic;
  22.             text-align:center;
  23.             font-style:italic;
  24.             font-size:80px;
  25.             font-family:Kozuka Mincho Pro B;
  26.             cursor:auto;
  27.             text-shadow: 1px 1px 1px #6A6969;   
  28.         }
  29. 	   footer p{
  30. 		     color:black;
  31. 		      font-family:Kozuka Mincho Pro B;
  32. 		      text-align:center;
  33. 		      cursor:default;
  34. 		      display:block;
  35. 		      cursor:auto;
  36. 		      padding-bottom:30px;
  37. 		      text-decoration:none;
  38. 		      color:#0E0549;
  39. 	   }
  40. 		#sia
  41. 		{
  42. 		    text-decoration:none;
  43. 		      color:#0E0549;
  44. 		}
  45. 	#sitemenue a{
  46. 	    text-align:center;
  47. 	    font-family:Kozuka Mincho Pro B;
  48. 	    text-decoration:none;
  49. 	    color:#2F2F2F;
  50. 	    outline:inline;
  51. 	    margin-top:175px;
  52. 	    font-size:x-large;
  53. 	    font-weight:lighter;
  54. 	    shadow: 1px 1px 1px #6A6969;
  55. 	}
  56. 	#menue:hover
  57. 	{
  58. 	    background-color:#C2C2C2;
  59. 	}
  60. 	#about us
  61. 	{
  62. 	    color:#0E0549;
  63. 	}
  64. 	#mail
  65. 	{
  66. 	    color:#0E0549;
  67. 	}
  68. 	#hr1
  69. 	{
  70. 	    color:#C2C2C2;
  71. 	    width:50%;
  72. 	}  
  73. 	#hr2
  74. 	{
  75. 	      color:#C2C2C2;
  76. 	    width:50%;
  77. 	}
  78. 	    #blok
  79. 	    {
  80.  
  81. 	      background-color:lightgray;
  82. 	      position:relative;
  83. 	      text-align:center;
  84. 	      display:inline-block;
  85. 	    }
  86. 	  #sitemenue
  87. 	  {
  88. 	      word-spacing:20px;
  89. 	  }
  90. 	</style>
Offline icemar - 01/01/2012 09:05
Avatar van icemar Lid Ja moet je css eerst ressetten http://meyerweb.com/eric/tools/css/reset/
En daarna werkt je css bijna goed in elke browser. IE wil soms nog wel iets lastig doen maar dan moet daar een extra regel voor aanmaken.
Offline julianb - 01/01/2012 16:50
Avatar van julianb Lid icemar ik heb het geprobeerd maar ik kwam niet egt veder 
Offline icemar - 01/01/2012 19:05
Avatar van icemar Lid Waar loop je op vast ?
Graag meer info anders is het helpen lastig.
Offline Pieter - 02/01/2012 11:08
Avatar van Pieter Gouden medaille

SEO guru		 JulianB, een online voorbeeld zal je veel sneller een oplossing geven. Daar kunnen we meteen de CSS èn HTML zien, wat echt nodig is om je te helpen.
Offline julianb - 02/01/2012 19:19
Avatar van julianb Lid http://imagesha...loos5r.png/
http://imagesha...amloos.png/

hier zijn 2 voorbeelden, bij safari, firefox, opera, chrome doet de gradient en de background-attachment:fixed; het. Maar IE doet die het niet. En dan het andere als ik alles uitlijn en op een andere pc kijk met een andere beeldscherm is die anders uitgelijnd daar ook nog iets voor?
Offline Pieter - 03/01/2012 00:06
Avatar van Pieter Gouden medaille

SEO guru		 Julian, plaats het gewoon ffe online, dan krijg je binnen de paar minuten een treffelijke oplossing. Met die afbeeldingen kunnen we onze eigen oplossing niet snel testen...
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.241s