login  Naam:   Wachtwoord: 
Registreer je!
 Forum
Zoeken  Regels  Help
Categorieën > HTML & CSS

layout (Opgelost)

julianb – 31/12/2011 16:58 (Laatst gewijzigd op 31/12/2011 19:58)
Offline offline




Lid
 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 
  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
Daisycon - Verdien geld met uw website

icemar – 31/12/2011 17:23
Offline offline



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

julianb – 31/12/2011 17:28
Offline offline



Lid
 
  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>

icemar – 01/01/2012 09:05
Offline offline



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.

julianb – 01/01/2012 16:50
Offline offline



Lid
icemar ik heb het geprobeerd maar ik kwam niet egt veder 

icemar – 01/01/2012 19:05
Offline offline



Lid
Waar loop je op vast ?
Graag meer info anders is het helpen lastig.

Pieter – 02/01/2012 11:08
Offline offline



Gouden medaille

Erelid
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.

julianb – 02/01/2012 19:19
Offline offline



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?

Pieter – 03/01/2012 00:06
Offline offline



Gouden medaille

Erelid
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-2012 Sitemasters.be - Regels - Gehost door: Vircon - Laadtijd: 0.092s