kostenloser Webspace werbefrei: lima-city

Div verschiebt sich je nach Auflösung..

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

1. Autor dieses Themas

   x00r

   x00r hat kostenlosen Webspace.

   0:39, 30.12.2013

   Hallo,
   
   ich habe hier ein problem mit einem div.
   
   

   <div id="ad_729">
   lalala
       </div>

   
   
   hier die Style.css
   

   #ad_729 {
     
   	position: absolute;   
           height: auto; width: 200px;    
           left: 370px; top: 105px;
   	clear: both;
   }

   
   
   Habe es alles auf die richtige tag/position">position gepackt, aber wenn ich jetzt mit dem Handy, einem anderen Rechner oder an den text ranzoome schiebt sich das div in die mitte von der seite und bleibt nicht auf den eingestellten fleck sitzen. Was mache ich falsch?
   
   Danke.

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

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

3. fatfreddy

   

   fatfreddy hat kostenlosen Webspace.

   2:01, 30.12.2013

   x00r schrieb:
   Was mache ich falsch? .

   
   Du verzichtest darauf, alle relevanten Infos zur Beantwortung deiner Frage zu geben.
   
   Aus deinen sparsamen Codeschnipseln läßt sich nicht bestimmen, ob eventuell andere CSS-Anweisungen Einfluß auf die Darstellung haben.
   
   Abhilfe: Funktionierendes Beispiel hochladen und verlinken.
   
   Dann kann man Wechselwirkungen erkennen und eventuell Ratschläge zur Abhilfe geben.

4. myrags

   myrags hat kostenlosen Webspace.

   12:16, 1.1.2014

   Bei deinem Handy oder einem anderen Rechner weicht die Fenstergröße von deiner ab. Dein Div ad_729 orientiert sich mit der left und top Anweisung an dem linken Bildrand. Ich bin mir nicht ganz sicher aber probier einmal die Position auf relative umzustellen. Poste auch mal dein ganzes CSS-Sheet.

5. x******r

   13:03, 1.1.2014

   
   hier die Style.css
   

   #ad_729 {
     
   	position: absolute;   
           height: auto; width: 200px;    
           left: 370px; top: 105px;
   	clear: both;
   }

   
   

   
   
   Versuch mal statt dem '#' einen '.' zu setzen. Vielleicht hilft Dir das schon weiter...
   
   Gruß XBlogger

6. sjay96

   sjay96 hat kostenlosen Webspace.

   13:07, 2.1.2014

   Also der '.' anstelle eines '#' wird dir wohl kaum helfen....
   Mit einem Punkt spricht man im CSS eine sogennante Class an, welche einem HTML Tag zugewiesen werden kann. Mit dem # spricht man eine ID an, welche ebenfalls einem HTML Tag zugewiesen werden kann.
   
   Du gibst alles in festen Pixeln an, dadurch verändert sich mit der Pixelzahl deiner Anzeige auch die Positionierung deines divs, bzw befindet es sich vlt an einer anderen Position vom Aussehen her aber die Position von den Pixel her gesehen ist die selbe. Während sich dein div auf einem Breitbildschirm von 1920x1080 in der oberen linken Ecke befindet, kann es sein, das es auf einem dünneren Bildschirm bereits im mittleren Bereich befindet.
   
   Lösung dazu:
   Du könntest mit sogennantem Responsive Design arbeiten. Damit kannst du sicherstellen, dass es auf jedem Anzeigegerät vom Grössenverhältnis gleich aussieht. Hierzu am besten einfach grössen und Abstände in % und nicht in Pixeln angeben. Objekte welche genau eine Bestimmte Grösse haben sollen, musst du natürlich immer noch in Pixel angeben oder du verleihst Ihnen einen Scrollbalken oder sowas.
   
   Freundliche Grüsse
   
   Beitrag zuletzt geändert: 2.1.2014 14:37:37 von sjay96

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

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

Dir gefällt dieses Thema?