mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 20.04.2024 05:28 Benutzername: Passwort: Auto-Login

Thema: css > 4 gleiche spalten ... vom 12.04.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> css > 4 gleiche spalten ...
Seite: 1, 2  Weiter
Autor Nachricht
ma1973
Threadersteller

Dabei seit: 17.02.2006
Ort: borken
Alter: 51
Geschlecht: Männlich
Verfasst Mo 12.04.2010 13:02
Titel

css > 4 gleiche spalten ...

Antworten mit Zitat Zum Seitenanfang

Hallo ich möchte eine 4 spaltige Tabelle mit css umsetzen.

soweit so gut:

Code:

..
#colum4 {
margin-top: 15px;

width:243px;
right:10px;
float: right;


}

#colum3 {
margin-top: 15px;

width:243px;
float: right;

}
 
#colum2 {
margin-top: 15px;

width:243px;
float: right;
}

#colum1 {
margin-top: 15px;

width:243px;
float: right;
}
..



jetzt möchte ich aber auch erreichen das ein Abstand zw. den Spalten liegt,
und habe mit margin und padding gespielt .. aber es klappt nicht *Schnief*

was ist hier falsch *Schnief*, kann mir jemand helfen?


Zuletzt bearbeitet von ma1973 am Mo 12.04.2010 13:02, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Mo 12.04.2010 13:06
Titel

Antworten mit Zitat Zum Seitenanfang

Zuerst ist Deine Herangehensweise nicht gut.

Entweder du benützt von vornherein <table> zum Aufbau des HTMLMarkups, oder zumindest die CSS Spezifikation für Tabellen

http://www.css4you.de/tableproperty.html

Desweiteren kann ich keine Padding Angaben in deinen Kaskaden erkennen.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
ma1973
Threadersteller

Dabei seit: 17.02.2006
Ort: borken
Alter: 51
Geschlecht: Männlich
Verfasst Mo 12.04.2010 13:14
Titel

Antworten mit Zitat Zum Seitenanfang

hallo ....

ich möchte doch gar nicht mit einer Tabelle arbeiten ...
sondern möchte das was ich vorher mit einer Tabelle erstellt habe mit
css umsetzen.


hier ist der html tag zum css:

Code:

..
 <div id="colum1">
           <h1>Marken...</h1>Colum 1<br />
           Lorem ipsum dolor sit amet, consectetuer
           adipiscing elit.
     </div>


     <div id="colum2">
           <h1>&raquo; GRATIS AKTIONEN...</h1>(Colum 2)<br />
           Lorem ipsum dolor sit amet, consectetuer
           adipiscing elit. Aenean commodo ligula
           eget dolor.
     </div>

     <div id="colum3">
           <h1>&raquo; EINKAUFEN...</h1>
           (Colum 3)<br />
           Lorem ipsum dolor sit amet, consectetuer
           adipiscing elit.
     </div>

     <div id="colum4">
          <h1>&raquo; SIE FINDEN UNS...</h1>(Colum 4)<br />
           Lorem ipsum dolor sit amet, consectetuer
           adipiscing elit. Aenean commodo ligula
           eget dolor.
      </div>
..
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Mo 12.04.2010 13:18
Titel

Antworten mit Zitat Zum Seitenanfang

Gut, dann hatte ich Dich falsch verstanden.

Aber wenn Du keine Paddingwerte einsetzt, kann auch kein Innenabstand erstellt werden.

Zeig doch nochmal die Kaskaden mit deinen Padding Angaben.

Im Übrigen hättest Du Deine Boxen auch mit nur einer Klasse aufbauen können.
Denn jetzt hat jede Box eine unterschiedliche ID aber die selben Eigenschaften.
Ebenso hättest Du das auch kürzen Schreiben können.


Zuletzt bearbeitet von Kash am Mo 12.04.2010 13:20, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
seal

Dabei seit: 31.07.2005
Ort: Pfalz
Alter: 41
Geschlecht: Männlich
Verfasst Mo 12.04.2010 13:21
Titel

Antworten mit Zitat Zum Seitenanfang

Entweder das 960 Grid System gleich ganz nutzen, oder schauen wie es dort gelöst wurde.

http://960.gs/

Beispiel CSS: http://headless-studios.com/960.ls/960.css.php?column_width=220&column_number=4&gutter_width=20
  View user's profile Private Nachricht senden
ma1973
Threadersteller

Dabei seit: 17.02.2006
Ort: borken
Alter: 51
Geschlecht: Männlich
Verfasst Mo 12.04.2010 13:26
Titel

Antworten mit Zitat Zum Seitenanfang

... doch mach ich ja .... aber nach try and error *Schnief*


im prinzip steht ja alles ... aber ich möcht das zwischen den spalten
ein abstand xy liegt.

Code:

...
#colum4 {
margin-top: 15px;
padding-left: 5px;
padding-right: 5px;
width:243px;
right:10px;
float: left;


}

#colum3 {
margin-top: 15px;
padding-right: 5px;
width:243px;
float: right;

}
 
#colum2 {
margin-top: 15px;
padding-right: 5px;
width:243px;
float: right;
}

#colum1 {
margin-top: 15px;
padding-left: 5px;
width:243px;
float: right;
}
..
  View user's profile Private Nachricht senden
escaPe

Dabei seit: 10.09.2007
Ort: <? include("home.htm") ?>
Alter: 112
Geschlecht: Männlich
Verfasst Mo 12.04.2010 13:44
Titel

Antworten mit Zitat Zum Seitenanfang

padding ist immernoch der innere Abstand von Inhalt zu Rand und nicht der außen Abstand

dafür benötigst du "margin".


Zuletzt bearbeitet von escaPe am Mo 12.04.2010 13:45, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Mo 12.04.2010 14:15
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
#colum4 {
  margin: 15px 5px 0 5px;
  width:243px;
  right:10px;
  float: left;
}


Zuletzt bearbeitet von Kash am Mo 12.04.2010 14:15, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen gleiche ID´s in Website
gleiche höhe für divs?
[Illustrator CS] Gleiche Abstände
SQL: Gleiche Artikel zusammenfassen.
Gleiche Schriftarten auf 2 Rechnern
Wie gleiche Anzeige bei Browsern
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
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.