WebWork Magazin - Webseiten erstellen lassen, Online Medien, html

Webhoster, Webhosting Provider und Domain registrieren

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik



Im Homepage und Webhosting-Forum --- Tabellen in css

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !

Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » Tabellen in css - 20 April 2024 Antworten
und
Tabellen in css
Dirty-Harry
Pixelschubser
Threadstarter




Beiträge: 13

Hallo allerseits.
Gibt es eine Möglichkeit eine Tabelle mit allen Attributen, wie auch rowspan und colspan für
in einer css-Datei anzulegen? Die Tabelle umschließt einen DIV container und zentriert diesen horizintal und vertikal. Das Zentrieren läßt sich zwar auch per css erreichen(mit negativen Werten bei margin für horizomtal) aber dann schiebt sich der Inhalt nach oben oder links aus dem Browser heraus wenn man das Fenster verkleinert und man kann dort nicht mehr hinscrollen. Mit der Tabelle passiert das nicht. Daher also die Tabelle. Jetzt möchte ich aber nun Quelltext einsparen und die Tabelle per CSS definieren und dann im HTML entsprechende Klassen(?) an den entsprechenden Stellen ins HTML aus der css laden. Bisher habe ich aber keine Möglichkeit gefunden das zu erreichen. Das bisherige Ergebnis mit der Tabelle im HTML ist hier zu bewundern: www.it-mediatec.net


---
Nach Rücksprache mit meinem Bewährungshelfer, meinen Psychiater sowie meinem Anwalt, lehne ich jede juristische Verantwortung für die Inhalte meiner Beiträge ab und schiebe diese auf den anderen Teil meiner gespaltenen Persönlichkeit.
  Profil   Website   Editieren   Zitieren
languitar
Foren-Team




Beiträge: 2795

rowspan und colspan sind keine Eigenschaften, die du per CSS einstellen kannst, wobei ich den Sinn deiner Tabelle eh sehr fragwürdig finde.

  Profil   Editieren   Zitieren
Dirty-Harry
Pixelschubser
Threadstarter




Beiträge: 13

@languitar
Wieso ist der Sinn fragwürdig? Es geht um eine Zentrierung des Inhalts, der stets mittig positioniert sein soll und das per css.
Wie kann ich dann per css einen Inhalt mittig(h/v) zentrieren? Die Methode mit den negativen Werten für margin ist mir bekannt.->
#comp {
position:relative;
width:1000px; height:582px;
margin: 0px auto;
padding:0px;
top:50%;
margin-top:-291px;
left:50%;
margin-left:-500px;
overflow: hidden;
z-index:1;
background-image:url(background/all/all.jpg); background-repeat:no-repeat;
}

Das Problem dabei ist aber, dass bei Verkleinern des Browserfensters der Inhalt nach links und oben "herausgeschoben" wird und per Scrollbalken nicht mehr erreichbar ist. Mit der Tabelle umgehe ich dieses Problem und somit ist am oberen und linken Rand Schluß mit dem Einrücken. Ich habe gehofft, eine Möglichkeit zu finden diesen Tabellenquelltext per css auslagern zu können und an den entsprechenden Stellen in HTML dann aus der css zu laden. Anbei mal der Quelltext der HTML-Tabelle und das css. Vielleicht hat ja doch noch jemand ne Idee.
MfG Harry

HTML:






















CSS:
body {
margin: 0px 0px;
padding:0px;
background-color: #FFFFFF;
font-family:verdana, sans-serif; font-variant:normal; font-weight:normal; color:#000000; font-size:13px;
width:100%;
height:100%;
overflow:auto;
}
#comp {
position:relative;
width:1000px; height:582px;
margin: 0px;
padding:0px;
overflow: hidden;
z-index:1;
background-image:url(background/all/all.jpg); background-repeat:no-repeat;
}


---
Nach Rücksprache mit meinem Bewährungshelfer, meinen Psychiater sowie meinem Anwalt, lehne ich jede juristische Verantwortung für die Inhalte meiner Beiträge ab und schiebe diese auf den anderen Teil meiner gespaltenen Persönlichkeit.

  Profil   Website   Editieren   Zitieren
subjective
Forenheld




Beiträge: 844

Ein Gegenstück zu rowspan/colspan habe ich in CSS bisher noch nicht entdeckt. Ich denke auch nicht, das es nötig ist.

Es gibt in CSS natürlich eine Möglichkeit das sich Elemente relativ zueinander ausrichten (wie die Zellen einer Tabelle). Die display-Eigenschaft kennt dafür die werte table, table-row und table-cell. Leider kann man dies nicht nutzen, da der MSIE diese Werte nicht interpretiert. Für das mittige Auchrichten ist margin:auto; gedacht. Aber auch hier spielt der IE nicht mit.

Du solltest erstmal deine Tabelle aufräumen und Attribute wie valign, width, height, align, ... durch CSS ersetzen. Dann wird dein HTML-Code schon mal um vieles kleiner und aufgeräumter. Auch sind Attribute mit Standardwerten wie rowspan="1" überflüssig.

---
Weaverslave

  Profil   Website   Editieren   Zitieren
DukeXP
Quasselstrippe




Beiträge: 266

subjective schrieb am 10.03.2005 10:45
Ein Gegenstück zu rowspan/colspan habe ich in CSS bisher noch nicht entdeckt. Ich denke auch nicht, das es nötig ist.

Selbstverständlich ist für das Zusammenfassen mehrerer Zellen einer Zeile oder Spalte HTML zuständig. Du definierst damit schließlich die Struktur einer Tabelle.

subjective schrieb am 10.03.2005 10:45
Für das mittige Auchrichten ist margin:auto; gedacht. Aber auch hier spielt der IE nicht mit.

Das halte ich für ein Gerücht. Mit dem richtigen Doctype funktioniert es einwandfrei.


---
Schützenverein „Einigkeit“ Autenzell-Rettenbach
meisterschuetzen.net - Der Treffpunkt für Sportschützen

  Profil   Editieren   Zitieren
HoRnominatoR
Mausakrobat




Beiträge: 161

der IE kann unter jedem stricten doctype mit margin:auto umgehen.

---
get OPERA for free

  Profil   E-Mail   Website   Editieren   Zitieren
Ehemaliges Mitglied (#1460)
Posting-Schinder




Beiträge: 609

HoRnominatoR schrieb am 10.03.2005 13:11
der IE kann unter jedem stricten doctype mit margin:auto umgehen.

Aber nicht jeder IE kann das

  Profil   Editieren   Zitieren
Dirty-Harry
Pixelschubser
Threadstarter




Beiträge: 13

Sieht wohl so aus als wenn das per css nicht geht was ich möchte. Mittig(h/v) zentrieren geht schon aber das der Inhalt dann bei Verkleinern des Browserfensters nicht herausgeschoben wird geht wohl nicht. Oder hat noch jemand ne Lösung das bei dieser Methode der Inhalt oben bzw. links stehen bleibt:
#comp {
position:relative;
width:1000px; height:500px;
margin: 0px auto;
padding:0px;
top:50%;
margin-top:-250px;
left:50%;
margin-left:-500px;
overflow: hidden;
z-index:1;
}

Ich mag gar nicht glauben das das nicht geht. Das ist doch nicht so ungewöhnlich, oder?
MfG
Harry

---
Nach Rücksprache mit meinem Bewährungshelfer, meinen Psychiater sowie meinem Anwalt, lehne ich jede juristische Verantwortung für die Inhalte meiner Beiträge ab und schiebe diese auf den anderen Teil meiner gespaltenen Persönlichkeit.

  Profil   Website   Editieren   Zitieren
Ehemaliges Mitglied (#1460)
Posting-Schinder




Beiträge: 609

Du wirst niemals irgendetwas zentrieren können und dabei vermeiden, dass der Inhalt rausgeschoben wird, wenn der Inhalt größer ist, als der verfügbare Platz

Aber richtig ist, dass Du bei der top:50%; margin-top:-1/2height-Methode bei kleinen Fenstern Deinen Inhalt OBEN rausgeschoben bekommst (wenn Du das horizontal versuchst gehts links raus; allerdings ist das horizontale Zentrieren auf diese Weise ja nicht nötig, da gibts andere Möglichkeiten), wo kein Scrollbalken der Welt hin kommt.

Die einzige Methode wäre, das mit JavaScript zu machen. Allerdings würdest Du dann essenzielle Dinge der Website mit JavaScript machen und die damit verbundenen Risiken dazu bekommen.

Verzichte einfach auf das Zentrieren. Es geht dabei doch sicher ohnehin nur um die Optik. Aber was ist denn wichtiger? Die Optik oder die Benutzbarkeit?

  Profil   Editieren   Zitieren
Dirty-Harry
Pixelschubser
Threadstarter




Beiträge: 13

Es ist beides wichtig. Das Zentrieren ist ja mit meiner Tabelle möglich, wie man unter www.it-mediatec.net ja sieht. Und zwar ohne Javascript. Es sind zwar Java-Scripte vorhanden aber keine die für die Funktionen der Website absolut wichtig wären(Außer vielleicht die Uhr). Ich hätte gerne eine Möglichkeit in css um das zu erreichen. Das Inhalt beim Verkleinern rausgeschoben wird ist klar aber dann doch bitte nach unten und rechts, dort wo man hinscrollen kann.

---
Nach Rücksprache mit meinem Bewährungshelfer, meinen Psychiater sowie meinem Anwalt, lehne ich jede juristische Verantwortung für die Inhalte meiner Beiträge ab und schiebe diese auf den anderen Teil meiner gespaltenen Persönlichkeit.

  Profil   Website   Editieren   Zitieren
languitar
Foren-Team




Beiträge: 2795

Jetzt wo ich deine Seite gerade spontan gesehen hab würde ich sagen, dass eines deiner Hauptprobleme ist, dass du die Seite mit einer zu großen Breite geplant hast. Selbst auf 1152 füllt die im vollbildmodus noch fast den ganzen Bildschirm aus! Was machen die armen 800x600-Nutzer? Totscrollen!
Deine Inhalte sind aber alle so, dass du diese Brete auf keinen Fall benötigst, ich würde fast sagen, dass die Seiten momentan fast gähnend leer aussehen.
Vielleicht überdenkst du mal das Gesamtkonzept deiner Seite, also weniger Breite (max 780px) und dadurch etwas weniger freie Fläche, dann wäre es in den meisten Fällen schon mal so, dass keiner überhaupt den Bedarf hätte zu Scrollen. Oder du setzt alle Breiten mit %-Angaben. Würde die Seite bei großen Auflösungen nicht zu klein erscheinen lassen und bei kleinen Auflösungen wird nur der vorhandene Platz genutzt.

Nur ein paar Gedanken von mir, aber vielleicht Hilft dir das, dass du in Zukunft gar nicht mehr großartig auf diese Problematik eingehen musst.

Nebenbei: Mein erster Eindruck war, dass ich auf einer Kirchenseite gelandet bin (das Kreuz oben links).

  Profil   Editieren   Zitieren
HoRnominatoR
Mausakrobat




Beiträge: 161

Efchen schrieb am 10.03.2005 13:53
Aber nicht jeder IE kann das


und nicht jeder FF, und nicht jeder Opera, nicht jeder netscape... so ist das nunmal.

---
get OPERA for free

  Profil   E-Mail   Website   Editieren   Zitieren
Dirty-Harry
Pixelschubser
Threadstarter




Beiträge: 13

@languitar
Hehe das wird dem Designer aber gar nicht gefallen mit der Kirchenseite Das wird ihn wurmen. Ich fand das vorherige Design besser. Ist leider offline. Das war ne Framelösung. Das da noch Content fehlt ist momentan okay. Erst sollen die anderen Fragen geklärt sein. Mußt Du bei Deinem Browser bei 1024er scrollen?
Es wird 3 Seiten geben mit den gängigen Auflösungen. Von daher wird auch an die 800x600er gedacht. Ob das allerdings in Prozenten geschieht ist noch nicht entschieden. Es werden wohl eher absolute Angaben gemacht. Das Zentrieren kommt nur zum Tragen wenn Auflösungen außer 800x600, 1024x768 oder 1280x1024 gewählt sind. Also entweder größer oder dazwischen. Die Auflösung wird ausgelesen und dann entsprechend weitergeleitet. Aber es geht auch nicht darum. Es ging nur darum möglichst alles per css festlegen zu können, um dadurch den Quellcode schlanker zu halten.
MfG
Harry

---
Nach Rücksprache mit meinem Bewährungshelfer, meinen Psychiater sowie meinem Anwalt, lehne ich jede juristische Verantwortung für die Inhalte meiner Beiträge ab und schiebe diese auf den anderen Teil meiner gespaltenen Persönlichkeit.

  Profil   Website   Editieren   Zitieren
languitar
Foren-Team




Beiträge: 2795

Dein Ansatz ist in Zeiten von CSS-Design ehrlich gesagt steinzeitlich. Die Auflösung darf im Grunde genommen nichts zur Sache tun. Eine ordentliche Seite mit CSS-Design lässt sich sogar mit abgeschalteten Stylesheets noch gut lesen.

Ich glaube das was du gerade "falsch" machst ist, dass du CSS zur Code-Reduzierung aber nicht für die grundsätzliche Struktur einsetzen willst. Guck dir z.B. mal Axedons Seite o.Ä. So sollte CSS eignesetzt werden.

Nein, ich muss nicht scrollen. ;)

  Profil   Editieren   Zitieren
DukeXP
Quasselstrippe




Beiträge: 266

Ich hätte da ebenfalls ein paar Anregungen zur Seite, diese wären aber in einem neuen Thread im Bereich "Eure Seiten" besser aufgehoben.

---
Schützenverein „Einigkeit“ Autenzell-Rettenbach
meisterschuetzen.net - Der Treffpunkt für Sportschützen

  Profil   Editieren   Zitieren
Seite 1 | 2  

Antworten
Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » Tabellen in css

Aktuelle Beiträge zur Hilfe im Forum für Homepage - Tabellen in css im Forum Homepage Hosting AntwortenLetztes Posting
Unvorhersehbare Layout-Verschiebungen auf meiner Seite - Ideen?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
0 20.08.2023 20:14 von Freud
Geschenkidee zum Geburtstag
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 14.04.2022 16:08 von bryleth03
Webdesigner gesucht
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 10.12.2021 15:04 von Rieke
Welcher Hoster ist der Beste?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
1 10.12.2021 15:02 von Rieke
Warum Wordpress?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
6 05.07.2021 18:27 von Rieke
Die Idee einen Blog zu führen
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 27.02.2021 09:50 von Samira2021
zu viele css dateien?!
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
4 19.01.2021 19:20 von Laurena
WIe kann ich Datum ausblenden?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
1 23.11.2020 12:21 von noahradar96
Tabelle mit Mannschaftslogos
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
3 23.10.2019 14:54 von andyy
Eigene Website erstellen - kostenlos!
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
0 17.05.2019 15:01 von Fusselchen



Besucher : 7981743    Heute : 147     Gestern : 292     Online : 17     20.4.2024    11:03      0 Besucher in den letzten 60 Sekunden        
Nach oben