Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 06.05.2011, 11:27
SteveB SteveB ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.01.2011
Beiträge: 46
SteveB befindet sich auf einem aufstrebenden Ast
Standard Darstellungsproblem tabelle zeillenhöhe xhtml vs html (styleübernahme)

Hallo,


ich wollte das Styling einer alten HTML-Seite in eine XHTML-Seite übernehmen.

Folglich soltle das ganze via stylesheet designed werden.

Bei Tabellen habe ich ein Problem.

Die Zeilenhöhe ist in html vom standard anders als bei xhtml.
line-height oder height wurde irgendwie ignoriert.

Kann mir jemand sagen das Standardstyling einer Table und tr bzw. td in html ist und wie ich das gleiche Layout auf xhtml konvertiert bekomme?
Habe leider bei meinem Freund google, nichts brauchbares gefunden

Code ist genau der gleiche nur das <html> Tag ist anders.

Ist als Sample nur eine Tabelle mit zwei Zeilen und einmal mit <p>, was m.E. korrekter sein sollte, als die 2. Zeile ohne <p>

html:
Code:
<html >
<head>
<title>html table</title>
<style type="text/css">
table {
	color: #000066;	
	background-color:#FFFFCE;
	
}
tr {
	vertical-align:middle;
	height:15px;
}
</style>

</head>
<body>                         
  <table> 
   <tr> 
    <td ><p>erste Zeile, erste Spalte</p></td> 
    <td><p>erste Zeile, zweite Spalte</p></td> 
   </tr> 
   <tr> 
    <td >zweite Zeile, erste Spalte</td> 
    <td>zweite Zeile, zweite spalte</td> 
   </tr>
  </table> 
</body>
</html>
xhtml:
HTML-Code:
<!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>xhtml table</title>
<style type="text/css">
table {
	color: #000066;	
	background-color:#FFFFCE;
	
}
tr {
	vertical-align:middle;
	height:15px;
}
</style>

</head>
<body>                         
  <table> 
   <tr> 
    <td ><p>erste Zeile, erste Spalte</p></td> 
    <td><p>erste Zeile, zweite Spalte</p></td> 
   </tr> 
   <tr> 
    <td >zweite Zeile, erste Spalte</td> 
    <td>zweite Zeile, zweite spalte</td> 
   </tr>
  </table> 
</body>
</html>
Online zum nachschauen html vs xhtml

Vielen Dank im Voraus.

Geändert von SteveB (06.05.2011 um 15:51 Uhr) Grund: Beitragsinformation genauer beschrieben
Mit Zitat antworten
Sponsored Links