mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Mo 28.04.2025 21:17 Benutzername: Passwort: Auto-Login

Thema: AD Banner vom 11.08.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> AD Banner
Autor Nachricht
LiThiUm-FX
Threadersteller

Dabei seit: 03.11.2005
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 11.08.2011 12:10
Titel

AD Banner

 Antworten mit Zitat Zum Seitenanfang
Hallo miteinander,

beim anlegen eines Banner Bereiches auf einer Webseite stehe ich vor folgendem Problem:

Die Seite ist mittig zentriert mit CSS:

Code:
#main {
width:980px;
margin-left: auto;
margin-right: auto;
}


jetzt möchte ich rechts daneben einen Banner-Bereich setzen. Nur weis ich nicht wie.
Ich habe schon versucht einen Weiteren DIV-Container herum zu legen, welcher:
Code:
#container {
width: 1220px;
margin-left: 120px;
}
#main {
width:980px;
float: left;
}
#ad{
width:120px;
}


aber wenn ich dann den browser kleiner ziehe, werden die horizontalen Scrollbalken gezeigt. Und so ganz sauber finde ich diese Lösung auch nicht.

Also Problemstellung: zentrierte Seite mit rechtem Banner-Bereich. Mitte ist die eigentliche Seitenmitte, nicht die Mitte von Seite+Banner

Über Hilfe würde ich mich freuen!
  View user's profile Private Nachricht senden
Alex

Dabei seit: 29.11.2005
Ort: Dortmund
Alter: 38
Geschlecht: Männlich
Verfasst Do 11.08.2011 14:21
Titel

Antworten mit Zitat Zum Seitenanfang
Ich würde um Main noch ein div legen, dass mittig zentrieren und main selbst floaten lassen.

sieht dann im groben so aus:

Code:
<div id="wrapper">
   <div id="main">
   </div>
   <div id="banner">
   </div>
</div>


Code:
#wrapper { width:980px; margin: 0 auto; overflow: hidden;}
#main { width: 900px; float: left; }
#banner { width: 80px; float: right; }
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
LiThiUm-FX
Threadersteller

Dabei seit: 03.11.2005
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 11.08.2011 16:29
Titel

Antworten mit Zitat Zum Seitenanfang
Hi Alex,

erstmal Danke für deine Antwort.

aber das hat dann eben genau wieder zur folge, dass die eigentliche Seite nicht in der Browsermitte ist. Hier ist dann die Mitte eben (Seite+Anzeige)/2 und genau das möchte ich ja vermeiden
  View user's profile Private Nachricht senden
LiThiUm-FX
Threadersteller

Dabei seit: 03.11.2005
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 11.08.2011 16:45
Titel

Antworten mit Zitat Zum Seitenanfang
Die Lösung war gleichermaßen simpel, wie auch einfach... für diejenigen, die vor dem selben Problem stehen sollten:

Code:

<div id="main">some content</div>
<div id="banner">banner pis</div>

#main {
   width: 980px;
   position: absolute;
   left: 50%;
   margin-left: -490px;
   text-align:left;
}
#banner {
   left: 50%;
        margin-left: 500px;
        margin-top: 135px;
        position: absolute;
        width: 160px;
}


Zuletzt bearbeitet von LiThiUm-FX am Do 11.08.2011 16:47, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen Flash Banner: Ist der Kunde oder das Banner das Problem? :)
Name für Banner-Typ
(Animierte) Banner
Drehungen im Banner
Banner für Homepage
Banner Kommunikation
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB