Supportnet Computer
Planet of Tech

Supportnet / Forum / Webseiten/HTML

von fixierten tabellenzeilen und bildabständen





Frage

ahoi liebe coder. ich habe gleich mehre fragen. ich entwerfe gerade eine seite für einen kollegen, der sich in den bundestag wählen lassen will. im firefox klappt soweit alles super, nur der explorer muckt. ein phänomen, war es bei mir doch bisher immer andersrum. jetzt wird es kompliziert, da ich zwei verschiedene versionen probiert habe (die quelltexte und css stehen unten). problem1: version1ist die ursprüngliche version, klickt ihr unten auf den link und schaut euch die seite im explorer an, sehr ihr, dass im gegensatz zu firefox die vorletzte zeile sich dehnt und [b]nicht[/b] fixiert ist, wie sie eigentlich sollte. mit einer viel aufwendigeren tabellenkonstruktion in version2 habe ich dieses problem umgangen, doch leider auf kosten der übersichtlichkeit. gibt es eine möglichkeit, version1 entsprechend zu ändern, so dass diese zeile fixiert ist? problem2: in firefox ist das bild dieser hübschen dame in beiden versionen direkt linksbündig zum tabellenrand. brav. beim explorer allerdings rutscht das bild um einige pixel nach rechts. das kommt durch den einsatz des div-tags, mit dem ich dem text den blocksatz vorgebe. habe einiges probiert mit css probiert, aber nichts hat das bild auch im explorer linksbündig stehen lassen. problem3: eigentlich sollte diese seite mal barrierefrei sein. doch man munkelt, dass schon tabellen barrieren sind? alles humbug oder doch wahr? was nun? thx/d.na

Antwort 1 von d.na

version 1 hier

 
<body bgcolor="#FFFF99" marginheight="0" marginwidth="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" style="border: 0px">
<table align="center" cellpadding="0" cellspacing="0" border="0">
	<tr>
		<td height="50" width="100" align="left" valign="top" bgcolor="#FFFF99"> </td>
		<td height="50" width="450" align="left" valign="top" bgcolor="#FFFF99"> </td>
		<td height="50" width="150" align="left" valign="top" bgcolor="#FFFF99"> </td>
		<td height="50" width="50" align="left" valign="top" bgcolor="#FFFF99"> </td>
	</tr>
	<tr>
		<td height="100" width="100" align="left" valign="top" bgcolor="#FF0000"> </td>
		<td height="100" width="450" align="right" valign="bottom" bgcolor="#FF0000">logo</td>
		<td height="100" width="150" align="left" valign="top" bgcolor="#F17070"> </td>
		<td height="100" width="50" align="right" valign="bottom" bgcolor="#FF0000">spd</td>
	</tr>
	<tr>
		<td height="150" width="100" align="left" valign="top" bgcolor="#DF4343">menue</td>
		<td height="150" width="450" align="left" valign="top" bgcolor="#FFCC99">text</td>
		<td height="150" width="150" align="left" valign="top" bgcolor="#FF6633">news</td>
		<td height="150" width="50" align="left" valign="top" bgcolor="#DF4343"> </td>
	</tr>
	<tr>
		<td height="200" width="100" align="left" valign="top" bgcolor="#F17070"> </td>
		<td height="200" width="450" align="left" valign="top" bgcolor="#FFFF99" rowspan="3">
			<table height="*" width="450" align="left" cellpadding="0" cellspacing="0" border="0">
				<tr>
					<td height="*" width="450" align="left" valign="top" bgcolor="#FFCC99">
					<img src="bild_200.jpg" height="200" width="150" align="left" alt="bla" border="0">
					<div>
					der lange text					
					</div>
					</td>
				</tr>
				<tr>
					<td height="60" width="450" align="left" valign="top" bgcolor="#FFFF99"><img src="fuss.gif" height="60" width="450" alt="" border="0"></td>
				</tr>
			</table>
		</td>
		<td height="200" width="150" align="left" valign="top" bgcolor="#F17070"> </td>
		<td height="200" width="50" align="left" valign="top" bgcolor="#FF6633"> </td>
	</tr>
	<tr>
		<td height="50" width="100" align="right" valign="bottom" bgcolor="#FF0000">impressum</td>
		<td height="50" width="150" align="left" valign="top" bgcolor="#DF4343"> </td>
		<td height="50" width="50" align="left" valign="top" bgcolor="#FF0000"> </td>
	</tr>
	<tr>
		<td width="100" align="left" valign="top" bgcolor="#FFFF99"> </td>
		<td width="150" align="left" valign="top" bgcolor="#FFFF99"> </td>
		<td width="50" align="left" valign="top" bgcolor="#FFFF99"> </td>
	</tr>
</table>
</body>
</html>


Antwort 2 von d.na

css

body {
	margin: 0pt 0pt 0pt 0pt;
	font : 8pt/14pt Arial;
	background: #FFFF99
}

a:link {
	font: bolder 8pt/14pt Arial;
	color: #000000;
	text-decoration: none;
}

a:visited {
	font: bolder 8pt/14pt Arial;
	color: #000000;
	text-decoration: none;
}

a:hover {
	font: 8pt/14pt Arial;
	color: #ffffff;
	text-decoration: none;
}

a:active {
	font: bolder 8pt/14pt Arial;
	color: #000000;
	text-decoration: none;
}

table {
	font: 8pt/14pt Arial;
	background: #FFFF99;
	border: 0;
}

div {
	font: 8pt/14pt Arial;
	border: 0;
	margin: 0pt 0pt 0pt 0pt;
	text-indent: 0pt;
	text-align: justify;
} 


Antwort 3 von d.na

version2 ist zu lang, um hier zu posten. drum einfach mal der link:

version 2 hier

Ich möchte kostenlos eine Frage an die Mitglieder stellen:


Ähnliche Themen:


Suche in allen vorhandenen Beiträgen: