kostenloser Webspace werbefrei: lima-city


Kann mir jemand eine Tabelle erstellen?

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    spitzei

    Kostenloser Webspace von spitzei

    spitzei hat kostenlosen Webspace.

    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
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. schnookerippsche

    Kostenloser Webspace von schnookerippsche

    schnookerippsche hat kostenlosen Webspace.

    Und wie viele Zeilen soll deine Tabelle besitzen?
  4. Autor dieses Themas

    spitzei

    Kostenloser Webspace von spitzei

    spitzei hat kostenlosen Webspace.

    eine Zeile es Soll ein Zwei geteilter Bildschirm sein
  5. schnookerippsche

    Kostenloser Webspace von schnookerippsche

    schnookerippsche hat kostenlosen Webspace.

    Das hört sich an als wolltest du damit die Tabelle als Layout missbrauchen. Dafür gibt es aber bessere Möglichkeiten.
    Erläutere mal dein Vorhaben dann kann man dir besser helfen.
  6. m******************r

    <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.
  7. Autor dieses Themas

    spitzei

    Kostenloser Webspace von spitzei

    spitzei hat kostenlosen Webspace.

    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.
  8. 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.
  9. Autor dieses Themas

    spitzei

    Kostenloser Webspace von spitzei

    spitzei hat kostenlosen Webspace.

    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
  10. 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
  11. Autor dieses Themas

    spitzei

    Kostenloser Webspace von spitzei

    spitzei hat kostenlosen Webspace.

    Der Code den du gepostet hast funktioniert nicht richtig die beiden container überlagern sich
  12. Screenshot? Bei mir gibts keine Probleme.

    Welchen Browser benutzt du?

    Beitrag zuletzt geändert: 9.7.2011 23:04:04 von fabo
  13. Autor dieses Themas

    spitzei

    Kostenloser Webspace von spitzei

    spitzei hat kostenlosen Webspace.

  14. 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
  15. Autor dieses Themas

    spitzei

    Kostenloser Webspace von spitzei

    spitzei hat kostenlosen Webspace.

    Ja jetzt funktioniert es.
    Danke für deine Hilfe.

    Spitzei
  16. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!