Hallo,
habe hier ein wenig gebastelt und stehe nun vor einer Linie, dessn Herkunft ich nicht kenne:
Linke Seite, direkt neben dem Rand. Code:
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>JPmusic - more than music...</title>
<meta name="description" content="descr">
<meta name="author" content="Jean Pierre Zwickl">
<meta name="keywords" content="">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="robots" content="index,follow">
<meta name="language" content="de">
<link rel="stylesheet" type="text/css" media="screen, projection" href="stylesheet.css">
<link rel="shortcut icon" href="favicon.ico">
</head>
<body>
<div id="rahmen">
<table sytle="align:middle" border="0" cellspacing="0" cellpadding="0" width="1000px">
<tr>
<td colspan="3">
[img]./img/header.png[/img]
</td>
</tr>
<!--<tr>
<td colspan="3">NAVI</td>
</tr>-->
<tr>
<td>[img]./img/verlauf_links.png[/img]</td>
<td id="textfeld">
<div style="width:922px; height:563px;">TEXT
</div>
</td>
<td>[img]./img/verlauf_rechts.png[/img]</td>
</tr>
<tr>
<td colspan="3">[img]./img/footer.png[/img]</td>
</tr>
<table>
</div>
</body>
</html>
Alles anzeigen
style:
Code
body {
background-image:url(./img/verlauf.jpg);
background-repeat:repeat-x;
}
#rahmen {
width : 1000px;
height : 800px;
position : absolute;
margin-top: -400px;
margin-left: -500px;
top: 50%;
left:50%;
}
#textfeld{
background-color: #a5a5a5;
}
Alles anzeigen
Achja nochwas, ich habe alle aussenliegenden Grafiken als png gespeichert, damit ich Rundungen zum Einsatz kommen lassen kann. Ich kann nicht einfach ein Normales JPG nehmen, dort den Banner rein kopieren und dann als Hintergrundfarbe einen Teil des Hintergrundes einfügen, da der Hintergrund ein Farbverlauf ist und sich je nach Auflösung anders darstellt. Aber IE-X kriegts bit den PNG's mal wieder nich hin, hat jemand ne bessere Idee?