nicht angemeldet
Tabelle wird zusammengequetscht
Gernot BackHallo Leute!
Ich habe ein Problem, und das muss ziemlich dringend "beseitigt" werden.
Folgender HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Title</title>
<link type="text/css" rel="stylesheet" href="../Default.css" />
</head>
<body bgcolor="#000000" text="#FFFFFF">
<div align="center">
<table width="100%" height="100%">
<colgroup>
<col width="10%" />
</colgroup>
<tr>
<td height="20%"><img src="Logo_Low.png" /></td>
<td width="90%" height="100%" rowspan="3">
<object type="application/x-silverlight-2" data="data:application/x-silverlight-2," width="90%" height="90%" border="1">
<param name="background" value="#fff" />
<param name="source" value="../ClientBin/Vertigo.SlideShow.xap" />
<param name="initParams" value="ConfigurationProvider=DarkTheme,DataProvider=XmlDataProvider;Path=../Data/Data.xml" />
<a href="http://go.microsoft.com/fwlink/?LinkID=124807" style="text-decoration: none;"><img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style: none" /></a>
</object>
</td>
</tr>
<tr>
<td height="20%">
Muster GMBH
<br />Mustergasse
<br />1010 Vienna, Austria
<br />TEL.: (+43) 01 123 45 67-89
<br />FAX: (+43) 1 123 45 67-89
<br />E-MAIL: <a href="mailto:muster@gmbh.at">muster@gmbh.at</a>
</td>
</tr>
<tr>
<td height="20%"><a href="link_zu_goole_maps"><img src="Map.png" /></a></td>
</tr>
</table>
</div>
</body>
</html>
Und folgendes CSS-File:
html,body
{
height:100%;
}
body
{
margin: 0;
padding: 0;
}
body.home
{
height:auto;
margin:10px;
background:#fff;
font:11pt Arial,sans-serif;
}
body.light,body.simple
{
margin:auto;
text-align:center;
background:#ccc;
}
body.dark
{
margin:auto;
text-align:center;
background:#141414;
}
#logo
{
border:0;
}
h3
{
margin-top:30px;
}
li.sample
{
margin-top:15px;
}
a.sample
{
font-weight:bold;
}
Das Problem ist nur, dass die Seite total zusammengequetscht wird, siehe hir:
[URL=http://pic.leech.it/pic.php?id=bb11aec4default.png][IMG]http://pic.leech.it/t/24f17/bb11aec4default.png[/IMG][/URL]
Kann mir vllt. jemand sagen, warum?
Mfg Marc
-
hi,
also zu deinem html/css style muss ich sagen: schwer lesbar ich bringe normalerweis alle anweisungen über ausshen in der .css unter<table width="100%" height="100%">is MEINER meinung nach schwerer zu lesen als
<table>table{ width="100%" ; height="100%"; }ist allerdings wohl Geschmackssache.
wenn du den Browser Firefox benutzt kann ich dir wärmstens das addon firebug empfehlen damit kannst das Objekt "auswählen" und der firebug sagt dir welche abstände darauf ein wirken und manchmal auch woher die kommen.
wen ich raten müsste würde ich sagen das hat das margin / padding von einem übergeordneten Element übernommen.
ist die Seite online? wenn ja kann ich mir die mal ansehen fl finde ich dann ja etwas.
-
table{
width="100%" ;
height="100%";
}> is MEINER meinung nach einfach falsch ersetze = durch : lösche "-
»» ~~~css
table{
»» width="100%" ;
»» height="100%";
»» }> »» is MEINER meinung nach > einfach falsch > ersetze = durch : > lösche " \*rot Anlauf\* hast 100% recht ~~~css table{ width:100%; height:100%; }(wie peinlich)
-
»» »» ~~~css
table{
»» »» width="100%" ;
»» »» height="100%";
»» »» }> »» »» is MEINER meinung nach > »» einfach falsch > »» ersetze = durch : > »» lösche " > > \*rot Anlauf\* hast 100% recht > ~~~css table{ > width:100%; > height:100%; > }(wie peinlich)
Ich werde es mal testen. Link folgt bald ;)
Mfg Marc
-
Hallo levitas,
table{
width:100%;
height:100%;
}> > > > Ich werde es mal testen. Link folgt bald ;) Ich denke nicht, dass das deine Tabelle browserübergreifend in gleicher Weise über die Fensterhöhe strecken wird, wenn das überhaupt dasjenige ist, was du vorhast. Dazu bedarf es einiger Angaben mehr im CSS und leider im IE (selbst im IE8) auch immer noch des Quirksmodus'. Da du das auf keinen Fall wollen kannst, arbeite lieber mit einem JavaScript, das dir dein besser tabellenloses Layout entsprechend trimmt. <http://www.sprachlernspiele.de/engel/matroschka.html> Gruß Gernot -- [super me](http://community.de.selfhtml.org/my/visitenkarten/view.php?key=46)
-
-
-
-