Autor |
Nachricht |
-
dz-home
|
06.02.2007 um 20:57 (UTC) Titel: Design verschoben bei Auflösung 1.280x1.024 |
|
|
Ich habe meine Homepage bei einer Auflösung von 1.024x768 erstellt. Jetzt habe ich erfahren, das mein Farbbalken in der mittleren Box (Design Butterfly) bei der Auflösung 1.280x1.024 verschoben ist.
Hier der Code für den Farbbalken:
Code: <style type="text/css">
<!--
.tab {
position: absolute;
top: 248px;
left: 275px;
}
-->
</style>
<table class="tab" width="720" height="53" border="0" bgcolor=#4B595B cellspacing="2" cellpadding="0">
<tr>
<td></td>
</tr>
</table>
|
|
↑
|
|
|
-
coolplace
Wohnort: USB = United States of Bücken
|
06.02.2007 um 20:58 (UTC) Titel: |
|
|
Änder den Wert von 720 auf 521 |
|
↑
|
|
|
-
dz-home
|
06.02.2007 um 21:05 (UTC) Titel: |
|
|
|
|
↑
|
|
|
-
coolplace
Wohnort: USB = United States of Bücken
|
06.02.2007 um 21:26 (UTC) Titel: |
|
|
Zitat: <table class="tab" width="720" height="53" cellspacing="2" cellpadding="0" border="0" bgcolor="#4b595b">
<tbody>
<tr>
<td/>
</tr>
</tbody>
</table>
Das ist Dein Code, da fehlt noch was und der Wert ist auch nicht geändert:
Zitat: <table class="tab" width="521" height="53" cellspacing="2" cellpadding="0" border="0" bgcolor="#4b595b">
<tbody>
<tr>
<td>
<td/>
</tr>
</tbody>
</table>
|
|
↑
|
|
|
-
dz-home
|
|
↑
|
|
|
-
coolplace
Wohnort: USB = United States of Bücken
|
07.02.2007 um 04:15 (UTC) Titel: |
|
|
Das ist nicht so ganz einfach, da das Design bei Dir zentriert ist.
Wir können mal folgendes versuchen:
Erstelle mal zwei Seiten mit dem Titel
und und setze sie ganz nach oben. Damit haben wir dann zwei nicht anklickbare Seiten. Setze den Code dann nicht auf sondern auf Vielleicht sagt Dir das Ergebnis ja zu. |
|
↑
|
|
|
-
dz-home
|
08.02.2007 um 20:19 (UTC) Titel: |
|
|
Ich hab schon eine Seite mit dem Titel |
|
↑
|
|
|
-
coolplace
Wohnort: USB = United States of Bücken
|
08.02.2007 um 20:24 (UTC) Titel: |
|
|
Dann nimm als zweite
dritte
Und so weiter |
|
↑
|
|
|
-
dz-home
|
|
↑
|
|
|
-
coolplace
Wohnort: USB = United States of Bücken
|
09.02.2007 um 05:24 (UTC) Titel: |
|
|
Ich weiß jetzt, wo die ganze Zeit das Problem war:
Du hattest den CSS-Code nach dem Code für die Zentrierung gesetzt.
Du hast bei "Text über dem Design" folgendes stehen:
Zitat: <div align="center">
<table border="0" width="70%">
<tr>
<td>
So weit so gut. Das muss als allerletztes stehen, da sich der Code sonst immer auf das zentrierte Design konzentriert.
Ich habe auch gleich mal den Code verfeinert:
Zitat: <style type="text/css">
<!--
.tab {
position: absolute;
top: 248px;
margin-left: 0px;
margin-right: 0px;
width: 97%;
}
-->
</style>
<table class="tab" height="53" border="0" bgcolor=#4B595B cellspacing="2" cellpadding="0">
<tr>
<td></td>
</tr>
</table>
Mit dem anderen CSS-Code von Dir und der Zentrierung des Designs muss es bei Dir dann so aussehen:
Zitat: <style type="text/css">
<!--
td.cont a{color: #000000;font-family:arial;font-weight: bold;font-size: 13px;}
td.headline{color: #000000;font-family:arial;font-weight: bold;font-size: 13px;}
-->
</style>
<style type="text/css">
<!--
.tab {
position: absolute;
top: 248px;
margin-left: 0px;
margin-right: 0px;
width: 97%;
}
-->
</style>
<table class="tab" height="53" border="0" bgcolor=#4B595B cellspacing="2" cellpadding="0">
<tr>
<td></td>
</tr>
</table>
<div align="center">
<table border="0" width="70%">
<tr>
<td>
Wobei man jetzt die CSS-Codes zusammenfügen könnte für die Übersicht, ist aber nicht notwendig.
Für diese Lösung musst Du wieder zwei nicht anklickbare Seiten erstellen, die ganz nach oben müssen.
Du kannst sie auch folgendermaßen benennen:
und
Dann ist es in Deinem Login klar, sehen kann man die Schrift so und so nicht.
Ich habe eine von Deinen Seiten mal als Beispiel vorbereitet: http://www.homepage-baukasten-dateien.de/coolplace/aa.htm |
|
↑
|
|
|
-
dz-home
|
09.02.2007 um 21:22 (UTC) Titel: |
|
|
Ich habe den neuen Code nochmal eingegeben. Zitat: <style type="text/css">
<!--
td.cont a{color: #000000;font-family:arial;font-weight: bold;font-size: 13px;}
td.headline{color: #000000;font-family:arial;font-weight: bold;font-size: 13px;}
-->
</style>
<style type="text/css">
<!--
.tab {
position: absolute;
top: 248px;
margin-left: 0px;
margin-right: 0px;
width: 97%;
}
-->
</style>
<table class="tab" height="53" border="0" bgcolor=#4B595B cellspacing="2" cellpadding="0">
<tr>
<td></td>
</tr>
</table>
<div align="center">
<table border="0" width="70%">
<tr>
<td> In der Auflösung 1.280x1.024 ist jetzt alles in Ordnung. Nur in der Auflösung 1.024x768 gibt es in der rechten Box immer noch eine Stelle die nicht vom Farbbalken überdeckt wird und die weiß bleibt. Gibt es eine weitere Möglichkeit? ______________ Schöne Grüße aus Coburg
Dieter
[img:8991a8457c]http://img.webme.com/pic/d/dz-home/dieters_digitale_fotowelt.jpg[/img:8991a8457c]
[img:8991a8457c]http://dz-home.de.tl/sig.png[/img:8991a8457c] |
|
↑
|
|
|
-
coolplace
Wohnort: USB = United States of Bücken
|
10.02.2007 um 05:14 (UTC) Titel: |
|
|
Wenn Du versuchst, den Wert "width" z.B. auf "100%" zusetzen, könnte das Problem gelöst sein.
Ich habe aber gemerkt, dass dann relativ früh ein horizontaler Scrolllbalken entsteht, aber versuch es, ich habe bei mir die Auflösung zum Testen nicht verändert gehabt. |
|
↑
|
|
|
-
dz-home
|
|
↑
|
|
|
-
coolplace
Wohnort: USB = United States of Bücken
|
10.02.2007 um 07:31 (UTC) Titel: |
|
|
Gern geschehen
Ich hatte bei meinen Versuchen mit einem "richtigen" Editor eben das Problem, das seitliche Scrollbalken auftraten. |
|
↑
|
|
|
|