mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 12:57 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 11: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: 28.11.2005
Ort: Dortmund
Alter: 37
Geschlecht: Männlich
Verfasst Do 11.08.2011 13: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 15: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 15: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 15: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
Drehungen im Banner
Banner für Homepage
wechselnder banner mit css?
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.