• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Problem mit Banner am Rand der Webseite

3l3ctric

Neues Mitglied
Hey,

ich habe ein Problem mit Bannern am Rand meiner Webseite... ich habe die auflösung 16:9 und bei mir überlappen sich keine Banner oder wechseln sich gar die Position.. beim Freund von mir überlappen die banner jedoch... ich habe aus Test zwecken mal mein Browser Fenster verändert (also die breite und die länge) und habe bemerkt, dass sich die Banner mit dem Fenster mitbewegen..

Wie kann ich dies beheben und dafür sorgen, dass sie STÄNDIG einen Festen platz haben?


Mfg
 
Das erste was Du dir abgewöhnen solltest ist in Verbindung mit Webseiten von Auflösungen zu sprechen. Eine Webseite nimmt seltenst den vollen Platz einer Auflösung ein. Eine Webseite nimmt nur den Viewport ein.

Die Angabe 16:9 bringt hier auch niemandem etwas, da - wenn es sich um deine Auflösung handelt - niemand die genauen Werte kennt. Wenn es dein Viewport sein sollte, fehlen ebenfalls diese Infos.

Wo das Problem in deinem Fall konkret liegt, kann man zudem ohne Quellcode oder besser Link zur Seite überhaupt nicht sagen. Ich tippe mal ins schwarze und sage, dass Du absolute Positionierung verwendest um die Elemente deiner Webseite anzuordnen. Sollte es so sein, verzichte darauf.
 
style.css
Code:
#Werbungl {
    float:left;
        width:200px;
}

#Werbungr {
    float:right;
        width:200px;
}
index.html
HTML:
<div id="Werbungl">
 <img src="images/werbung.jpg" width="150" height="300" border="0">
   </div>
   <div id="Werbungr">
<img src="images/werbung.jpg" width="150" height="300" border="0">
   </div>
 
Du könntest ein Rahmenelement mit fester Breite um die Elemente legen.
und das mache ich wie?

So machst du das
HTML:
<body>

<div id="wrapper">
     Der Rest den du schon hast, kommt dann hier rein.
    
</div>
</body>
</html>

Im CSS gibst du dann width für die ID wrapper mit der Breite an die du brauchst. Also 2 mal 200 Pixel für die Werbung macht schon 400 Pixel plus der Kram der in der Mitte steht, zum Beispiel 960 Pixel, dann musst du 400 +960 =1360 Pixel haben, ohne Rahmen gerechnet. Wenn du beim Content noch Border hast oder Padding musst du die noch dazu rechnen.
 
Zurück
Oben