WCM - Das österreichische Computer Magazin Forenübersicht
 

Zurück   WCM Forum > Rat & Tat > Programmierung

Programmierung Rat & Tat für Programmierer

Microsoft KARRIERECAMPUS

Antwort
 
Themen-Optionen Ansicht
Alt 21.12.2004, 17:30   #1
hewlett
Inventar
 
Registriert seit: 08.11.2000
Alter: 42
Beiträge: 1.524


Standard Problem mit CSS und Tabellen

Hi Leute,

ich hab folgendes Problem:
Um meine Webseite immer zentriert auszugeben habe ich eine große Tabelle (breite und höhe 100%) angelegt und darin dann nochmal eine Tabelle wo ich meine Elemente plazieren will. Folgender HTML Code:
Code:
<table border width="100%" heigth="100%">
<table border width=700 valign="middle" align="center">

<div id="box1">
<table border="1" style="border-collapse: collapse" bordercolor="#000000">
	<tr>
		<td width=120>test</td>
	</tr>
	<tr>
		<td>
		link

		link1
		</td>
	</tr>
</table>
</div>

</table>
</table>
oben in der html datei hab ich natürlich auch noch folgenden code:
Code:
<!--
body { }
#box1 { position:relative; top:0px; left:0px;}
-->
Jetzt positioniert er mir aber die tabelle (box1) nicht in der 700px breiten Tabelle wo ich sie hinhaben will, sondern ganz aussen, eben auf Koordinaten 0,0.

Kann mir vielleicht jemand helfen?
____________________________________
H.E.W.L.E.T.T.: Hydraulic Electronic Worker Limited to Exploration and Terran Troubleshooting
hewlett ist offline   Mit Zitat antworten
Alt 21.12.2004, 17:37   #2
T.dot
Master
 
Registriert seit: 13.08.2003
Beiträge: 624


Standard

naja, is ja auch kein gültiger html-source

dein <table><table> darf ned sein

muss
Code:
<table>
  <tr>
    <td>
      <table>
        <tr>
          <td>text</td>
        </tr>
      </table>
     </td>
   </tr>
</table>
heißen...

was du mit dem ganzen bezweckst versteh ich zwar nicht, aber macht ja nix

normalerweiße macht man sowas eher mit css, dazu findest eh in der forumssuche einiges.

mfg Thomas
T.dot ist offline   Mit Zitat antworten
Alt 21.12.2004, 17:40   #3
cruchot
Veteran
 
Registriert seit: 27.07.2003
Beiträge: 293


Standard

thats right...
cruchot ist offline   Mit Zitat antworten
Alt 21.12.2004, 17:40   #4
hewlett
Inventar
 
Registriert seit: 08.11.2000
Alter: 42
Beiträge: 1.524


Standard

damit das ganze immer zentriert ist, d.h. ganz egal welche auflösung der benutzer fährt!

Die äußere Tabelle ist 100% groß und darin hab ich dann noch eine tabelle mit der größe die ich haben will und die zentriere ich in die mitte!
____________________________________
H.E.W.L.E.T.T.: Hydraulic Electronic Worker Limited to Exploration and Terran Troubleshooting
hewlett ist offline   Mit Zitat antworten
Alt 21.12.2004, 17:43   #5
T.dot
Master
 
Registriert seit: 13.08.2003
Beiträge: 624


Standard

1. height 100% funktioniert nicht in allen Browsern und 100% breit hat wenig sinn, wennst es dann auf 700px eingrenzt.

würd reichen wenn du deine div-box mit width 700 und text-align:center versiehst:

<div style="width:700px;text-align:center">
<table>
....
</table>
</div>

mfg Thomas

@Cruchot: na scho wieder posting schinden
T.dot ist offline   Mit Zitat antworten
Alt 21.12.2004, 17:45   #6
hewlett
Inventar
 
Registriert seit: 08.11.2000
Alter: 42
Beiträge: 1.524


Standard

Zitat:
Original geschrieben von T.dot
1. height 100% funktioniert nicht in allen Browsern und 100% breit hat wenig sinn, wennst es dann auf 700px eingrenzt.

würd reichen wenn du deine div-box mit width 700 und text-align:center versiehst:

<div style="width:700px;text-align:center">
<table>
....
</table>
</div>

mfg Thomas

@Cruchot: na scho wieder posting schinden
d.h. bei deiner variante ist die tabelle dann immer zentriert?
Und wenn ich in dieser tabelle noch weitere tabellen plazieren will?
____________________________________
H.E.W.L.E.T.T.: Hydraulic Electronic Worker Limited to Exploration and Terran Troubleshooting
hewlett ist offline   Mit Zitat antworten
Alt 21.12.2004, 17:52   #7
T.dot
Master
 
Registriert seit: 13.08.2003
Beiträge: 624


Standard

sorry, kleiner denkfehler meinerseits, muss natürlich:

<div style="width:700px;margin:auto">
<table style="width:100%">
<tr>
<td style="text-align:left">links</td>
<td style="text-align:right">rechts</td>
</tr>
</table>
</div>

heißen

mit margin:auto zentriert er das div. (automatischer randabstand wird von links und rechts gleich gewählt)

in dem div kannst du dann machen, was du willst musst halt immer 100% angeben, wenn die tabelle 100% breit sein soll.
T.dot ist offline   Mit Zitat antworten
Alt 21.12.2004, 17:55   #8
hewlett
Inventar
 
Registriert seit: 08.11.2000
Alter: 42
Beiträge: 1.524


Standard

ich will z.b. in der tabelle dann links ein paar kleine tabellen haben für die einzelnen menüpunkte, oben eine für das logo und halt rechts dann eine große für den inhalt!
____________________________________
H.E.W.L.E.T.T.: Hydraulic Electronic Worker Limited to Exploration and Terran Troubleshooting
hewlett ist offline   Mit Zitat antworten
Alt 21.12.2004, 18:02   #9
T.dot
Master
 
Registriert seit: 13.08.2003
Beiträge: 624


Standard

Stellt kein Problem dar.

Ob du alles mit Tabellen oder mit divs macht, bleibt dir überlassen.
T.dot ist offline   Mit Zitat antworten
Alt 21.12.2004, 19:37   #10
Jaguar
Classic Car Driver
 
Benutzerbild von Jaguar
 
Registriert seit: 16.02.2000
Ort: Wien
Beiträge: 569

Mein Computer

Standard

Mit Tabellen macht man heute keine Layouts mehr. Schau dir mal CSS an...
Jaguar ist offline   Mit Zitat antworten
Antwort


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.

Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:21 Uhr.


Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Forum SEO by Zoints
© 2009 FSL Verlag