nicht angemeldet
fest vorgegebene Zellengröße in Tabelle
Hallo,
eigentlich war die Grundidee einen Bereich von 800x600 mittig in der Bildschirmmitte zu positionieren. Mit <div> und CSS scheint das aber nicht sauber möglich zu sein. Die einzige Möglichkeit war:
<div style="
position:absolute;
left:50%;
margin-left:-400px;
top:50%;
margin-top:-300px;
">
</div>
Diese Lösung macht aber Probleme auf kleineren Bildschirmen. (Teile des linken und oberen Bereichs werden abgeschnitten)
Andere Lösungen (<span>) laufen nur mit dem IE :(
Deshalb wollte ich jetzt die Positionierung mit Tabellen erledigen:
<style type="text/css">
#tda {
//width:auto;
//height:auto;
margin:0;
padding:0;
}
#tdb {
//width:30%;
//height:auto;
margin:0;
padding:0;
}
</style>
</head>
<body onload="preloadImages();" style="
width:100%;
height:100%;
margin:0;
padding:0;
background:#FFFFFF;
">
<table style="width:100%;height:100%;" border="1">
<tr>
<td id="tdb" style=""></td>
<td id="tda" style=""></td>
<td id="tdb" style=""></td>
</tr>
<tr>
<td id="tda" style=""></td>
<td style="
width:800px;
height:600px;
background-color:#604040;
margin-left:auto;
margin-right:auto;
padding:0;">
<div style="
width:800px;
height:600px;
background-color:#FFFF00;
">
</div>
</td>
<td id="tda" style=""></td>
</tr>
<tr>
<td id="tdb" style=""></td>
<td id="tda" style=""></td>
<td id="tdb" style=""></td>
</tr>
</table>
</body>
IE6 stell das richtig dar, Opera 6 und Netscape 7 machen die mittlere Zelle 100% des Bildschirms breit, der linke gelbe div Bereich klebt am linken Rand dieser Zelle. im übrigen macht Netscape 7 die Tabelle nicht 100% hoch :(
Was läuft da falsch? Auch table-layout:fixed bringt keine Besserung.
Liebe Grüße
Martin
-
Hallo,
eigentlich war die Grundidee einen Bereich von 800x600 mittig in der Bildschirmmitte zu positionieren. Mit <div> und CSS scheint das aber nicht sauber möglich zu sein. Die einzige Möglichkeit war:
<div style="
position:absolute;
left:50%;
margin-left:-400px;
top:50%;
margin-top:-300px;
">
</div>Diese Lösung macht aber Probleme auf kleineren Bildschirmen. (Teile des linken und oberen Bereichs werden abgeschnitten)
Andere Lösungen (<span>) laufen nur mit dem IE :(
Deshalb wollte ich jetzt die Positionierung mit Tabellen erledigen:
<style type="text/css">
#tda {
//width:auto;
//height:auto;
margin:0;
padding:0;
}#tdb {
//width:30%;
//height:auto;
margin:0;
padding:0;
}</style>
</head>
<body onload="preloadImages();" style="
width:100%;
height:100%;
margin:0;
padding:0;
background:#FFFFFF;
">
<table style="width:100%;height:100%;" border="1">
<tr>
<td id="tdb" style=""></td>
<td id="tda" style=""></td>
<td id="tdb" style=""></td>
</tr>
<tr>
<td id="tda" style=""></td>
<td style="
width:800px;
height:600px;
background-color:#604040;
margin-left:auto;
margin-right:auto;
padding:0;">
<div style="
width:800px;
height:600px;
background-color:#FFFF00;
">
</div>
</td>
<td id="tda" style=""></td>
</tr>
<tr>
<td id="tdb" style=""></td>
<td id="tda" style=""></td>
<td id="tdb" style=""></td>
</tr>
</table>
</body>IE6 stell das richtig dar, Opera 6 und Netscape 7 machen die mittlere Zelle 100% des Bildschirms breit, der linke gelbe div Bereich klebt am linken Rand dieser Zelle. im übrigen macht Netscape 7 die Tabelle nicht 100% hoch :(
Was läuft da falsch? Auch table-layout:fixed bringt keine Besserung.
Liebe Grüße
Martin
Hallo, Martin
Am besten geht das bei mir mit dieser Variante.
<html>
<head>
<title></title>
</head>
<body marginheight="0" marginwidth="0" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0">
<div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;">
<table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="middle">
<table width="400" height="400" border="1" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="middle" bgcolor="#0000ff">Ich</td>
</tr>
</table>
</td>
</tr>
</table></div>
</body>
</html>
Der Netscape, Opera und Explorer machen halt diese blöde Geisterscrollleiste.
Aber das sollte dadurch wird nicht ganz mittig ausgerichtet.Gruss, LenaLuna
-
Hallo Lena,
Am besten geht das bei mir mit dieser Variante.
<html>
<head>
<title></title>
</head>
<body marginheight="0" marginwidth="0" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0">
<div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;">
<table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="middle">
<table width="400" height="400" border="1" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="middle" bgcolor="#0000ff">Ich</td>
</tr>
</table>
</td>
</tr>
</table></div>
</body>
</html>
Der Netscape, Opera und Explorer machen halt diese blöde Geisterscrollleiste.
Aber das sollte dadurch wird nicht ganz mittig ausgerichtet.Das ist ja nicht schlecht, aber ich suche eigentlich eine Lösung, die HTML Strict konform ist, bzw. nur mit CSS arbeitet. Sorry, hätte ich vielleicht nochmal explizit schreiben müssen.
Bei Netscape gelingt es mir z.B. nicht, Tabellen 100% der Bildschirmhöhe einnehmen zu lassen (mit CSS) :(( Wer dazu eine Lösung weiß, immer her damit!
Danke trotzdem
Martin
-
Das ist ja nicht schlecht, aber ich suche eigentlich eine Lösung, die HTML Strict konform ist, bzw. nur mit CSS arbeitet. Sorry, hätte ich vielleicht nochmal explizit schreiben müssen.
Bei Netscape gelingt es mir z.B. nicht, Tabellen 100% der Bildschirmhöhe einnehmen zu lassen (mit CSS) :(( Wer dazu eine Lösung weiß, immer her damit!
Danke trotzdem
Martin
Hallo, Martin
Das mit Netscape 6 und 7 bezüglich Tabellen 100% Höhe, muss ich dir ehrlich sagen habe ich auch noch nie geschafft.
Darum setze die Tabelle in ein div und dann gehts.
Ist denn das nicht HTML Strict konform.
Du kannst ja alle Angaben in CSS machen.
Ich persönlich verwende CSS nur da wo es jeder Browser auch unterstützt, Strict HTML hin oder her.
Gruss, LenaLuna
-
Hallo LenaLuna,
Das mit Netscape 6 und 7 bezüglich Tabellen 100% Höhe, muss ich dir ehrlich sagen habe ich auch noch nie geschafft.
Ich habe die ganze Table auch schon in ein Div gepackt, Resultat war aber das gleiche ... Tabelle wollte in der Höhe nicht 100% einnehmen :(
Ich werde mal den umgekehrten Weg probieren und ein div mit height:100%; in ein <td> packen, dann hat netscape eigentlich keine Wahl mehr ..... Ergebnisbericht folgt...
Darum setze die Tabelle in ein div und dann gehts.
Na, ich hatte mich eigentlich an dem <td ALIGN="CENTER" ... gestört :)
Ist denn das nicht HTML Strict konform.
Nein, denn das attribut align für td ist laut W3C deprecated!
Du kannst ja alle Angaben in CSS machen.
Ja, genau das hatte ich probiert, und da hat es nicht so geklappt, wie ich es mir vorgestellt hatte
Ich persönlich verwende CSS nur da wo es jeder Browser auch unterstützt, Strict HTML hin oder her.
Deine pragmatische Ansicht ist eigentlich der richtige Weg .... sich mit nicht standardkonformen Browsern herumzuschlagen ist eigentlich pure Zeitverschwendung!
Liebe Grüße
Martin
-
Hallo zusammen,
Das mit Netscape 6 und 7 bezüglich Tabellen 100% Höhe, muss ich dir ehrlich sagen habe ich auch noch nie geschafft.
Ich habe die ganze Table auch schon in ein Div gepackt, Resultat war aber das gleiche ... Tabelle wollte in der Höhe nicht 100% einnehmen :(Bei "richtigen" Brausern wie Mozilla und NS7 MUSS auch das der Tabelle Übergeordnete Element, also body bzw. html, eine Höhenangababe besitzen.
siehe http://www.styleassistant.de/tips/tip71.htm da steht alles dazu bestens beschriebenhoffe, das hilft Euch.
Grüße aus Nürnberg, HarryS
-
-
-
-