Problem mit Tabelle

Status
Nicht offen für weitere Antworten.

Kalma

Erfahrenes Mitglied
Hallo,

ich habe wieder mal ein Problem mit einer Tabelle.

Hier ist der Link:
http://www.chrisbrien
Wie ihr seht, ist ganz oben das Header-Bild,
die linke spalte darunter das Menü, und rechts 2 Zeilen: Oben Uhrzeit, und als wer man eingeloggt ist. In die Zeile drunter soll dann der Inhalt.
Nur ist die Zeile viel zu groß für die Uhrzeit viel zu hoch.

Hier mein Quellcode
HTML:
<table width="100%" border="0">
 <tr>
  <td colspan="2"><img src="images/header.jpg" height="210" width="100%" border="0" /></td>
 </tr>
 <tr>
  <td width="25%" rowspan="2" class="menu" valign="top">
   <?php include "menu.php"; ?>  
  </td>
  <td width="75%" valign="top" class="date">
   <?php include "date.php"; ?>
  </td>
 </tr>
 <tr>
   <td width="75%" valign="top" class="inhalt">
    Hey guys and girls,
    Welcome to the <b>new Chris Brien Fanpage</b>.
   </td>
 </tr>
</table>

Ich hab schon css probiert, aber es will alles nicht :(

Vielleicht könnt ihr mir helfen
Daivd
 
.de .vu-Domains werden hier gefiltert da dort wohl in der Vergangenheit zu viel Schindluder getrieben wurde und/oder zu viel Schrott zu finden war.
 
Ich würde Frames vermeiden und daher auf Div Programmierung umsteigen.
Kannst du mal bitte die CSS Datei style.css posten?
 
Hey,

achso... mh, naja, dann mach ich halt immer http://www.domain. de. vu ^^


Ich benutze gar keine Frames. Ich include doch nur.


Hier mein css
Code:
/* Body */
body {
 background: #fff;
 font-family:Arial;
 color:#000000;
 font-size:11;
 margin: 0;
 padding: 0;
}

/* Die Inhalt-Tabelle formatieren */
.inhalt {
 background-color:#FFFFFF;
 font-family:Arial;
 color:#000000;
 font-size:11;
 border:none;
}

/* Die Spalte des Menu's in der Tabelle */
.menu {
 background-color:#FBFBFB;
 border-right:1px dotted;
 border-color:#CCCCCC;
 border-width:thin;
 padding-right:2px;
 font-family:Arial;
 color:#000000;
 font-size:12;
}

/* Die Uhr-anzeige und "Login as blabla" */
.date {
 background-color:#FBFBFB;
 border-bottom:1px dotted;
 border-width:thin;
 border-color:#000000;
 border-left:none;
 border-right:none;
 border-top:none;
 border-color:#CCCCCC;
 font-family:Arial;
 font-size:12px;
 color:#000000;
 margin-top:4px;
 padding-bottom:2px;
}

/* Die Formatierung für die "Home-Tabelle" */
.home {
 background-color:#FFFFFF;
 padding-right:2px;
 border:none;
 font-family:Arial;
 color:#000000;
 font-size:11;
}
.news {
 font-family:Arial;
 color:#000000;
 font-size:11;
 background-color:#FBFBFB;
 border-right:1px dotted;
 border-color:#CCCCCC;
 border-width:thin;
 padding-right:2px;
 border-left:1px dotted;
 border-width:thin;
 border-right:none;
 border-top:none;
 border-bottom:none;
}
/* Navigation - Titel */
.content {
 font-family:"Times New Roman", Times, serif;
 color:#CCCCCC;
 font-size:18px;
 border-bottom:1px dotted;
 font-style:italic;
 border-color:#CCCCCC;
}

/* Nav-Item bei normal, besucht und rollover */
.item {
 font-family:Arial;
 color:#000000;
 font-size:12;
 margin-left:10px;
 text-decoration:none;
 display:block;
}
.item:visited {
 font-family:Arial;
 color:#000000;
 font-size:12;
 margin-left:10px;
 text-decoration:none;
 display:block;
}

.item:hover {
 font-family:Arial;
 color:#000000;
 font-size:12;
 margin-left:10px;
 text-decoration:underline;
 display:block;
}

Aber bitte nicht über meine Kommentare lustig machen....:-(


David
 
Hi,

reduziere Deine Tabelle auf zwei Spalten und eine Zeile. In der rechten Spalte teilst Du den Inhalt
auf DIVs auf.
HTML:
<table width="100%" border="0">
 <tr>
  <td colspan="2"><img src="http://brien.dfmusik.de/images/header.jpg" height="210" width="100%" border="0" /></td>
 </tr>
 <tr>
  <td width="25%" class="menu" valign="top">
   <blockquote>

<div class="content">navigation</div>
<a href="index.php?section=#" class="item">home</a>
<a href="index.php?section=#" class="item">news</a>
<a href="index.php?section=#" class="item">biography</a>
<a href="index.php?section=#" class="item">media</a>
<a href="index.php?section=#" class="item">merch</a>
<a href="index.php?section=#" class="item">members</a>
<a href="index.php?section=#" class="item">links</a>

<a href="index.php?section=#" class="item">forum</a>
<a href="index.php?section=#" class="item">guestbook</a>
<a href="index.php?section=#" class="item">contact</a>

<p>

<div class="content">user only</div>
<a href="index.php?section=#" class="item">login</a>
<a href="index.php?section=#" class="item">register</a>
<a href="index.php?section=#" class="item">( logout )</a>

<a href="index.php?section=#" class="item">( profile )</a>
<a href="index.php?section=#" class="item">( private messages )</a>
  </td>
  <td width="75%" valign="top" style="background: #fff;">
  	<div class="date">
   9:57 am @ August 04, 2006 &mdash; Login as: Guest
    </div>
    <div class="inhalt">
	    <table width="100%" border="0">
	      <tr>
	      <td valign="top" class="home" width="60%">
	        Hey guys and girls,      <br />
	        Welcome to the <b>new Chris Brien Fanpage</b>.
	      </td>
	      <td valign="top" class="news" width="40%">
	      &nbsp;         News 1 - written by David <br />

	      &nbsp; &mdash; written at August 4, 2006 @ 9:47am
	                     (<a href="index.php?section=#">click to read</a>)
	      </td>
	      </tr>
	  	</table>
    </div>
  </td>
 </tr>
</table>
Die Höhe des date-DIVs kannst Du mit Hilfe einer Höhendefinition (z.B. height: 40px) in der CSS-Datei
angeben.

Vielleicht hilft Dir das weiter.

Ciao
Quaese
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück