nicht angemeldet
Grafiken sollen links unten angezeigt werden?
Hallo,
hab ein kleines Problem, bei dem ich nicht mehr weis, was ich noch tun soll.
Zuerst mal die XHTML Datei.
<?xml version="1.1" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="keywords" content="Acid, Soundsystemparties, Acid Tapes, Lego, Toxic, Team Trash" />
<meta name="robots" content="index,follow" />
<meta http-equiv="expires" content="0" />
<link rel="stylesheet" type="text/css" href="indexdata.css" />
<title>www.acid4u.com</title>
</head>
<body>
<div id="grafik"><img src="pics/startpic.jpg" width="600" height="300" alt="" /></div>
<div id="absatz">Wilkommen bei acid4u.com. Hier findest du unter anderem 80 Acid Tapes, die direkt von der Webseite<br />
angehört werden können, sowie zahlreiche Bilder von diversen Parties.
<p>Welcome to acid4u.com. Here you can find among others 80 Acid Tapes, which you can listen to <br />
directly from the website, as well as umpteen pics of various parties.</p></div>
<div id="validline"><a href="http://validator.w3.org/check/referer"><img src="http://www.w3.org/Icons/valid-xhtml11" alt="Valid XHTML 1.1!" height="31" width="88" /></a>
<a href="http://jigsaw.w3.org/css-validator/"><img src="http://jigsaw.w3.org/css-validator/images/vcss" height="31" width="88" alt="Valid CSS!" /></a></div>
</body>
</html>
----------------CSS Datei--------------------
html {height:100%}
body {height:95%;
background-color:#000000;
color:#888BFF;
font-family:Verdana, sans-serif;
font-size:12px}
img {border:0px}
#grafik {width:100%; text-align:center; background-image:url(pics/startpic_seite.jpg)}
#absatz {width:100%; text-align:center}
#validline {vertical-align:bottom}
---------------------------------
Die beiden "VALID" Grafiken hätte ich gerne ganz unten am Bildschirmrand. Nur finde ich keine Lösung, die mir das ermöglicht.
Ich habe bis jetzt schon probiert html und body auf height:100% zu setzen, sowie die ganze Seite in eine Tabelle zu stecken, die wiederum 100% height ist, aber da verschiebt sich sowohl die ganze Seite nach unten, als auch die VALID Grafiken befinden sich nicht am untersten Bildschirmrand.
Es kommen sowieso noch die "Enter" Buttons auf die Seite, aber ich wollte mal zur Probe die Grafiken ganz unten ausrichten, nur wie?
Hier zur Veranschaulichung : http://tools.acid4u.com/neueseite/
Grüße,
$xNeTworKx.
-
Hallo eine kleine Lösung...
Hallo,
hab ein kleines Problem, bei dem ich nicht mehr weis, was ich noch tun soll.....
<body>
<table width="100%" height="100%">
<tr height="100%" valign="top"><td><div id="grafik"><img src="pics/startpic.jpg" width="600" height="300" alt="" /></div>
...
ies.</p></div>
</td></tr>
<tr valign="bottom"><td><div id="validline"><a
</a></div></td></tr></table>
</body>
</html>....
Hier zur Veranschaulichung : http://tools.acid4u.com/neueseite/
Grüße,
$xNeTworKx.Gruß...
-
Hallo,
sorry, aber....<table width="100%" height="100%">
kein gültiges XHTML 1.1
<tr height="100%" valign="top"><td>
tr height="100%"? wie kann eine Tabellenrahmen 100% sein? Außerdem
kein gültiges XHTML 1.1Grüße,
$xNeTworKx.
-
-
Hallo,
Die beiden "VALID" Grafiken hätte ich gerne ganz unten am Bildschirmrand. Nur finde ich keine Lösung, die mir das ermöglicht.
Hast du versucht, das #validline div mit position:absolute; an die gewünschte Position zu bringen?
lg
MADU-
Hallo,
Hast du versucht, das #validline div mit position:absolute; an die gewünschte Position zu bringen?
Nein, da die Position des unteren Randes bei verschiedenen Bildschirmauflösungen verschieden groß ist.
$xNeTworKx.
-
Hallo,
Nein, da die Position des unteren Randes bei verschiedenen Bildschirmauflösungen verschieden groß ist.
Deshalb würde sich position:absolute;bottom:0; anbieten.
lg
MADU-
Nein, da die Position des unteren Randes bei verschiedenen Bildschirmauflösungen verschieden groß ist.
Deshalb würde sich position:absolute;bottom:0; anbieten.
Damit kriegt er die Objekte an den unteren Rand der HTML-Seite, nicht an den unteren Bildschirmrand. Das ist nur selten ein und dasselbe :)
Gruß,
soenk.e-
Hallo,
Damit kriegt er die Objekte an den unteren Rand der HTML-Seite, nicht an den unteren Bildschirmrand. Das ist nur selten ein und dasselbe :)
Wird ein Element mit position:absolute;right:0; postioniert, dann erscheint es (zumindest in den "großen, modernen" graphischen Browsern) am rechten _Fensterrand_.
Und das auch, wenn das body Element breiter ist als das Fenster, sprich: ein horizontaler Scrollbar sichtbar ist.position:absolute;bottom:0; verhält sich offensichtlich analog dazu.
lg
MADU
-
-
-
-
-
<div id="validline"><a href="http://validator.w3.org/check/referer"><img src="http://www.w3.org/Icons/valid-xhtml11" alt="Valid XHTML 1.1!" height="31" width="88" /></a>
html {height:100%}
body {height:95%;#validline {vertical-align:bottom}
Die beiden "VALID" Grafiken hätte ich gerne ganz unten am Bildschirmrand. Nur finde ich keine Lösung, die mir das ermöglicht.
Die gibt es auch nicht. Eine HTML-Seite ist immer so hoch wie Ihr Inhalt und nicht so hoch wie das Fenster, in dem sie steht. Dementsprechend hast Du keine direkte Möglichkeit, Inhalte am Fensterrahmen auszurichten.
Daß es bei Tabellen über das HTML-Attribut height="100%" funktioniert, ist eine Eigenart von HTML, nicht von CSS.Du könntest allerdings mit Javascript die Fensterhöhe auslesen und dann die Elemente entsprechend positionieren.
Gruß,
soenk.e-
Hallo,
Die beiden "VALID" Grafiken hätte ich gerne ganz unten am Bildschirmrand. Nur finde ich keine Lösung, die mir das ermöglicht.
Die gibt es auch nicht. Eine HTML-Seite ist immer so hoch wie Ihr Inhalt und nicht so hoch wie das Fenster, in dem sie steht.
Na gut, dann kann ich lange probieren :)
$xNeTworKx.
-