mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 06:52 Benutzername: Passwort: Auto-Login

Thema: Mehrspaltig div /float mit fester Breite vom 25.04.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Mehrspaltig div /float mit fester Breite
Autor Nachricht
rw72
Threadersteller

Dabei seit: 25.04.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 25.04.2007 10:58
Titel

Mehrspaltig div /float mit fester Breite

Antworten mit Zitat Zum Seitenanfang

Hallo,
würde gerne ein 3Spaltiges float erzeugen.
Das funktioniert auch aber ich möchte die Breite von 984px und nicht vom ganzen Bildschirm - das macht er leider nicht - wer kann mir helfen.

Hier der css Code:
DIV#box_li {
float: left;
width: 150px;
padding: 0px;
height: 100%;
background-color: #FAFAFA;
vertical-align:top;
text-align: center;
}

DIV#box_mi {
width: 684px;
padding-left: 5px;
padding-top: 5px;
background-color: #FFFFFF;
vertical-align:top;
text-align: left;
}

DIV#box_re {
float: right;
width: 150px;
padding: 0px;
height: 100%;
background-color: #870020;
vertical-align:top;
text-align: center;
}

HTML
<div id="box_li">
CMS_CONTAINER[5]
</div>
<div id="box_re">
CMS_CONTAINER[15]
</div>
<div id="box_mi">
<h1>CMS_CONTAINER[10]</h1</br>
<p>CMS_CONTAINER[11]</p>
</div>

DANKE
  View user's profile Private Nachricht senden
Mark-Korb

Dabei seit: 11.04.2007
Ort: -
Alter: 38
Geschlecht: Männlich
Verfasst Mi 25.04.2007 11:13
Titel

Antworten mit Zitat Zum Seitenanfang

Werden die Container zu Breit Dargestellt? also Alle 3 Zusammen?
Dann könnte das an den 5px padding liegen. Einfach die breite wo padding ist un 5px reduzieren.

Oder padding weglassen und einen 2 div container in "DIV#box_mi" bauen und den über % die Breite mit geben und da padding rein.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
rw72
Threadersteller

Dabei seit: 25.04.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 25.04.2007 11:22
Titel

Antworten mit Zitat Zum Seitenanfang

Danke aber das ist nicht das Problem.

Die rechte Box wird immer am rechten Bildschirmrand ausgegeben und nicht am Ende der 684 px.

Grüße
RW
  View user's profile Private Nachricht senden
Whisper

Dabei seit: 13.03.2003
Ort: -
Alter: 42
Geschlecht: Männlich
Verfasst Mi 25.04.2007 11:23
Titel

Antworten mit Zitat Zum Seitenanfang

pack n div um alle anderen rum mit der gewünschten breite. anders wird es wohl nicht gehen, weil float:right sich meiner Erfahrung nach immer am rechten Rand des Elternelements ausrichtet, in dem Fall also des gesamten Fensters.
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 25.04.2007 11:45
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
div {
   float: left;
   width: 300px; /* jetzt nur mal als Beispiel */
}

<div>...</div>
<div>...</div>
<div>...</div>
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Whisper

Dabei seit: 13.03.2003
Ort: -
Alter: 42
Geschlecht: Männlich
Verfasst Mi 25.04.2007 12:13
Titel

Antworten mit Zitat Zum Seitenanfang

stimmt, bei komplett fixen angaben bietet sich's natürlich an, nur links zu floaten.
  View user's profile Private Nachricht senden
rw72
Threadersteller

Dabei seit: 25.04.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 25.04.2007 12:20
Titel

Antworten mit Zitat Zum Seitenanfang

DANKE- so geht es
  View user's profile Private Nachricht senden
Mark-Korb

Dabei seit: 11.04.2007
Ort: -
Alter: 38
Geschlecht: Männlich
Verfasst Mi 25.04.2007 14:25
Titel

Antworten mit Zitat Zum Seitenanfang

Whisper hat geschrieben:
stimmt, bei komplett fixen angaben bietet sich's natürlich an, nur links zu floaten.


Geht aber auch bei nicht Fixen Sachen wo du etwa mit min/max arbeitest.
  View user's profile Private Nachricht senden
 
Ähnliche Themen [CSS] dreispaltiges Layout mit fester Breite im IE6
HTML -> Spalte mit fester Breite
Hilfe: div float / width:100% - CSS float Box Model
[php/mysql] daten mehrspaltig ausgeben
PDF mehrspaltig: Wie in EPUB konvertieren? Bildverweise?
Vektorformat mit fester Randstärke
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


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.