Align-Problem

gossipgirlz

Hallo!

Ich bekomme zwei Twitterboxen im Footer nicht nebeneinander gestellt.
Werden immer untereinander angezeigt, wie hier im Bild:

Der Code ist

PHP

<div id="footer" style="margin-top: 5px;">
<script src="http://widgets.twimg.com/j/2/widget.js"></script><script>new TWTR.Widget({  version: 2,  type: 'profile',  rpp: 3,  interval: 6000,  width: 300,  height: 300,  theme: {    shell: {      background: '#c437b6',      color: '#ffffff'    },    tweets: {      background: '#ffffff',      color: '#000000',      links: '#b82ba8'    }  },  features: {    scrollbar: false,    loop: false,    live: false,    hashtags: true,    timestamp: true,    avatars: false,    behavior: 'all'  }}).render().setUser('gossipgirlz').start();</script>
<script src="http://widgets.twimg.com/j/2/widget.js"></script><script>new TWTR.Widget({  version: 2,  type: 'list',  rpp: 30,  interval: 6000,  title: '',  subject: 'Was Promis Twittern',  width: 300,  height: 300,  theme: {    shell: {      background: '#c437b6',      color: '#ffffff'    },    tweets: {      background: '#ffffff',      color: '#000000',      links: '#c437b6'    }  },  features: {    scrollbar: true,    loop: false,    live: true,    hashtags: true,    timestamp: true,    avatars: true,    behavior: 'all'  }}).render().setList('gossipgirlz', 'promis').start();</script></div>

Die "footer"-Daten in der style sind:

PHP

#footer {  text-align: left;  float: left;  margin: 3px auto 3px;  width: 950px;

Ich habe es schon mit display: block und position:absolute und ein paar Werten versucht.
Bei Position verschwindet der Block ganz.

Hat jemand eine Idee, was ich falsch mache oder was ich noch versuchen könnte?

:?:

Danke,
Sandra

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

bgeissler

trenne die scripte:

Code

<div id="zweifooter">
<script src="http://widgets.twimg.com/j/2/widget.js">....</script>
</div><div id="dreifooter">
<script src="http://widgets.twimg.com/j/2/widget.js">....</script>
</div>

css-code:

Code

#zweifooter { float: left;  margin: 3px auto 3px;  width: 49%; }
#dreifooter { float: left;  margin: 3px auto 3px;  width: 49%; }

gossipgirlz

Danke also theorethisch ist das das richtige und sieht gut aus.
Allerdings verzweifle ich gerade noch ein wenig an der Anpassung.
49% und 49% stimmt nicht, da ich eine Box schmaler haben will, als sie andere.
Da probiere ich gerade noch ein wenig herum und die Boxen verhalten sich relativ unlogisch zum Prozentwert.

gossipgirlz

Also wenn ich die rechte Box noch ein wenig nach llinks zwinge, dann geht's.
Kapiere es nicht wirklich, aber es scheinen alle Browser gut anzunehmen.

Also:

PHP

#dreifooter { float: left;  margin: 5px 0px 3px; 0 px; width: 50%; margin-left: -3.3em;}

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Align-Problem

Jetzt mitmachen!