Kann mir jemand eine Tabelle erstellen?
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
browser
code
container
einnehmen
erstellen
gestalten
helfen
http
layout
links rechts code
position
problem
spalte
spalten
tabelle
test
url
verzichten
vorhaben
zeile
-
Hallo
Kann mir jemand volgende Tabelle erstellen?
Die Tabelle soll das ganze Browserfenster einnehmen und aus 2 Spalten bestehen.
Eine soll 10% breit sein und die andere soll den Rest der Seite einnehmen.
Der Rahmen soll nicht sichtbar sein, es soll ein nahtloser übergang sein.
Ich versuche schon 1 Stunde diese Tabelle zu erstellen.
Spitzei -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Und wie viele Zeilen soll deine Tabelle besitzen?
-
eine Zeile es Soll ein Zwei geteilter Bildschirm sein
-
<table border="0" cellspacing="0" cellpadding="0" width="100%"> <colgroup> <col width="10%" /> <col width="*" /> </colgroup> <tr height="100%"> <td> </td> <td> </td> </tr> </table>
So oder so ähnlich sollte das funktionierten. -
Ich möchte meine Homepage gestalten und würde diese gerne schlicht halten.
Ein 2 Spalten Layout , Menü und Inhalt.
Da ich jedoch kein funktionierendes CSS schriebn kann will ich es mit einer Tabelle probieren.
@markus-niederbrucker: die Menü Spalte wird bei mir irgendwie genauso groß wie die andere spalte. -
Etwa so...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> html, body { height:100%; margin:0; padding:0; } table { width: 100%; height: 100%; border: none; } td.row1 { width: 10%; background-color: red; } td.row2 { width: 90%; background-color: blue; } </style> </head> <body> <table> <tr> <td class="row1">Links</td> <td class="row2">Rechts</td> </tr> </table> </body> </html>
Ich würde auch auf Tabellen verzichten und das Ganze mit Containern gestalten. -
http://img97.imageshack.us/img97/5715/nicht.png
Wenn das eingekreiste und der weiße rand noch weg währen wäre es perfekt.
Spitzei -
Wie gesagt... Machs lieber mit Containern:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> * html body { padding: 0 0 0 10%; } body { margin: 0; padding: 0; border: 0; overflow: hidden; height: 100%; max-height: 100%; } #row1 { position: absolute; top: 0; bottom: 0; left: 0; width: 10%; height: 100%; overflow: hidden; background: red; } #row2 { position: fixed; top: 0; left: 10%; right: 0; bottom: 0; overflow: auto; background: blue; } .content{ margin: 15px; } </style> </head> <body> <div id="row1"> <div class="content"> Links </div> </div> <div id="row2"> <div class="content"> Rechts </div> </div> </body> </html>
Das passt dann auch besser zu deinem Avatar, denn Tabellen sind ganz weit entfernt von Web 2.0 :p
Beitrag zuletzt geändert: 9.7.2011 23:01:35 von fabo -
Der Code den du gepostet hast funktioniert nicht richtig die beiden container überlagern sich
-
Screenshot? Bei mir gibts keine Probleme.
Welchen Browser benutzt du?
Beitrag zuletzt geändert: 9.7.2011 23:04:04 von fabo -
Anstatt
position: fixed;
mal
position: absolute;
testen. Ist aber eher ein Interpreationsfehler von Dreamweaver, da die Browser das so darstellen, wie ich mir das vorgestellt hatte :D -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage