kostenloser Webspace werbefrei: lima-city

Falsche Darstellung von Div!

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   minehouse

   minehouse hat kostenlosen Webspace.

   19:29, 30.10.2012

   Hallo,
   
   ich habe gerade das Problem das meine Website nicht richtig angezeigt wird.
   http://maurice.kol-host.de/templatewelt/index.php
   
   http://www.youscreen.de/4001025e10.jpg
   Die Ecken sind nicht richtig geschlossen, und beim Farbverlauf ist aufeinmal diese Grüne Farbe ganz unten!
   
   

   body{
   	background-image: -moz-linear-gradient(270deg, #191 50% #000 100%);
   	background-image: -moz-linear-gradient(top, #191 50%, #000 100%);
   	background-image: -moz-linear-gradient(#191 50%, #000 100%);
   }
   
   #wreaper{
   	height: 1200px;
   	width: 900px;
   	background-color: #FFF;
   
    	margin:0 auto;
    	border-radius: 0px 0px 0px 0px;
   }
   
   #footer{
   	height: 50px;
   	width: 900px;
   	background-color: #FFF;
   	border-radius: 0 0 20px 20px;
   	clear:both;
   	text-align: center;
   	margin-bottom: 10px;
   }

   
   
   Brauche da mal dringende Hilfe! Danke!
   
   EDIT: //
   
   Das mit den Ecken hab ich inzwichen behoben.
   
   Beitrag zuletzt geändert: 30.10.2012 19:30:59 von minehouse

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. h4nni

   h4nni hat kostenlosen Webspace.

   15:17, 31.10.2012

   Du solltest deine Seite mal im IE oder jedem anderen Browser außer dem Firefox ansehen. Dort wird der Gradient nicht angezeigt da du eine Reine Mozilla CSS geschrieben hast. Außerdem wird deine Farbe wenn sie dreistellig ist in alten Browsern nicht korrekt angezeigt (aus #191 wird #000191 = ganz dunkles grün).
   
   Der grüne "Streifen" entsteht, weil dein "wreaper" eine feste höhe hat. Das würde ich sowieso vermeiden da die Seite erstmal länger wird als sie eigentlich ist, bzw. der Text wenn er zu lang wird aus dem Inhalt rausläuft. Also Keine Höhenangaben bei #wreaper und #content. Und der Abstand von #footer mit margin könnte schon im body {margin: 10px 0 0 10px;} erfolgen.
   
   Korrekt wäre die BODY CSS und die Klasse wreaper:
   

   body {
   background: #119119; /* Old browsers */
   background: -moz-linear-gradient(top,  #119119 0%, #000000 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#119119), color-stop(100%,#000000)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #119119 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #119119 0%,#000000 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #119119 0%,#000000 100%); /* IE10+ */
   background: linear-gradient(to bottom,  #119119 0%,#000000 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#119119', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
   }
   
   #wreaper{
   	width: 900px;
   	background-color: #ffffff;
    	margin: 0;
    	border-radius: 0;
   }

   
   
   Beitrag zuletzt geändert: 31.10.2012 15:17:55 von h4nni

4. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?