problem mit div und background

Bender_1986 · 6. März 2005

Hallo

Also ich hab folgendes problem.. und zwar.. ich hab meine seite vom design nun fast fertig, allerdings kann ich keinen text auf die seite machen. Denn wenn ich einen div mache verschiebt sich der text sobald sich die auflösung oder die fenstergröße ändert (So wie hier http://www.benders-server.de/v2/index2.php ). Und wenn ich die bilder als background nehme verändern diese sich total in der größe so das garnichts mehr passt. Ich sitz da jetzt schon ein paar tage dran und komm einfach nicht weiter. Weiss jemand hier vl. rat?

Hier der Code:

-------------
<html>
<head>
<title>titel</title>
</head>
<body background="background.jpg">

<table border="0" width="100%" height="90%" cellspacing="0" cellpadding="0">

<tr>
<td width="10%" height="5%"> </td>
<td colspan="3" width="80%" height="5%"> </td>
<td width="10%" height="5%"> </td>
</tr>

<tr>
<td width="10%" height="20%"> </td>
<td colspan="3" width="80%" height="20%"><img src="head.jpg" width="100%" alt="" border="0"></td>
<td width="10%" height="20%"> </td>
</tr>

<tr>
<td width="10%" height="5%"> </td>
<td colspan="3" width="80%" height="5%"><img src="menu.jpg" width="100%" alt="" border="0"></td>
<td width="10%" height="5%"> </td>
</tr>

<tr>
<td width="10%" height="60%"> </td>
<td width="10%" height="60%"><img src="side.jpg" width="100%" alt="" border="0"></td>
<td background="bg.jpg" width="60%" height="60%">main</td>
<td width="10%" height="60%"><img src="side.jpg" width="100%" alt="" border="0"></td>
<td width="10%" height="60%"> </td>
</tr>

<tr>
<td width="10%" height="5%"> </td>
<td colspan="3" width="80%" height="5%"><img src="menu.jpg" width="100%" alt="" border="0"></td>
<td width="10%" height="5%"> </td>
</tr>

<tr>
<td width="10%" height="5%"> </td>
<td colspan="3" width="80%" height="5%"> </td>
<td width="10%" height="5%"> </td>
</tr>

</table>

</body>
</html>
-------------

Hier die seite:
http://www.benders-server.de/v2/index10.html

Maik · 6. März 2005

Die DIVs in deiner ersten Demo-Seite liegen nicht in, sondern über der Tabelle, da eine absolute Positionierung der DIVs immer am BODY ausgerichtet wird -> deshalb verschiebt sich auch ihre Lage gegenüber der Tabelle, sobald die Browserfenstergrösse verändert wird.

Entferne im zweiten Demo die <img>-TAGs aus den Tabellenzellen und bestimme sie mittels CSS als Tabellenzellen-Hintergrund. Damit sich ihre Grösse beim Verändern der Browserfenstergrösse nicht verändert, wird ihre wahre Grösse in px definiert.

CSS-Code:

Code:

td.head
{
background-image: url(head.jpg);
width: 968px;
height: 178px;
}

td.menu
{
background-image: url(menu.jpg);
width: 972px;
height: 52px;
}

td.side
{
background-image: url(side.jpg);
width: 172px;
height: 450px;
}

td.main
{
background-image: url(bg.jpg);
}

HTML-Code:

Code:

<table>
.
.
<td class="head"> Zellen-Inhalt</td>

<td class="menu"> Zellen-Inhalt</td>

<td class="side"> Zellen-Inhalt</td>

<td class="main"> Zellen-Inhalt</td>

<td class="side"> Zellen-Inhalt</td>

<td class="menu"> Zellen-Inhalt</td>
.
.
</table>

greez, maik.l

Bender_1986 · 8. März 2005

aaaahhhh endlich

Jetzt hats geklappt, alles ist nun so wie ich es wollte... vielen dank.

problem mit div und background

Bender_1986

Grünschnabel

Maik

Bender_1986

Grünschnabel

Neue Beiträge