Autor |
Nachricht |
-
style4free
Wohnort: Solingen
|
27.08.2009 um 17:37 (UTC) Titel: Boxen & Auflösung |
|
|
Ich habe bei meiner Homepage( http://www.schwarz-gelbe-borussia.de.tl ) ein Problem. Es geht darum um die Boxen, die ich unter dem header und der Navi habe.
Alles sieht bei meiner Auflösung(1280*1024) gut aus, doch wenn ich die Auflösung verkleienere(z.B. auf 1024*768) verschieben sich die Boxen nach rechts.
Ich habe alle ausprobiert, doch nichts hat wirklich geklappt. Ich hoffe ihr könnt mir weiterhelfen.
lg
sg-borussia ______________
Wir suchen Tester/Mitarbeiter und Moderatoren für unsere neue Homepage. Bei Interesse melden.
|
|
↑
|
|
|
-
tjpeiler-designs
Wohnort: Keine Angabe
|
27.08.2009 um 18:44 (UTC) Titel: |
|
|
Ach ja...
da bin ich Experte drin
Hatte früher auch oft das Problem!
Du hast die Boxen anscheinend anders gecodet!
Wenn du zum Beispiel einmal margin: 0 auto; benuntzt und einmal margin-left!
Also noch mal den Code durchsehen und alles die gleichen Positionsangaben wählen!
vg tjpeiler |
|
↑
|
|
|
-
style4free
Wohnort: Solingen
|
27.08.2009 um 19:19 (UTC) Titel: |
|
|
Ich glaube du hast mich falsch verstenaden Es ist bei allen der Code gleich. Es ist nur halt so, das wenn ich eine kleine Bildschirmauflösung wähle(z.B. 1024*768), das sich alle Boxen nach rechts verschieben und nicht an der Position sind, inder sie normalerweise sein müssten.
Hier mal mit bildern erklärt
So sollte es sein und ist es auch bei 1280*2024
http://img34.imageshack.us/i/aufloesungnormal.png/
Und so ist es bei einer Bildschirmaulösung von 1024*768
http://img258.imageshack.us/i/aufloesungklein.png/
Hoffe so ist es besser erklärt ______________
Wir suchen Tester/Mitarbeiter und Moderatoren für unsere neue Homepage. Bei Interesse melden.
|
|
↑
|
|
|
-
homepage-vergleich
|
27.08.2009 um 20:01 (UTC) Titel: |
|
|
Also füge in den CSS Code der Boxen noch das hier ein
Code: position: absolute;
left: 50%;
top:257px;
margin-left: 345px;
position: absolute; = Positionsangabe (anderes Beispiel:center)
left: 50%; = Linksanteil, verhindert auch das verschiben bei Auflösungsänderung
top:257px; = Abstand vom oberen Rand.
margin-left: 345px; = Abstand vom linken Rand
Damit positionierst du die dann, und sie verschieben sich nicht
Zuletzt bearbeitet von homepage-vergleich am 27.08.2009, 21:04, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
style4free
Wohnort: Solingen
|
|
↑
|
|
|
-
homepage-vergleich
|
27.08.2009 um 20:28 (UTC) Titel: |
|
|
Hast du die ALLE IN EINEM cODE ?
Du musst die alle in einem Einzelcode machen |
|
↑
|
|
|
-
style4free
Wohnort: Solingen
|
27.08.2009 um 20:32 (UTC) Titel: |
|
|
homepage-vergleich hat Folgendes geschrieben: Hast du die ALLE IN EINEM cODE ?
Du musst die alle in einem Einzelcode machen
ja habe ich. Hier mal die einzelnen Codes:
Code Box 1
Code: <!-- Hier der Code zum Positionieren -->
<style type="text/css">
<!--
table.rb_nextgame{position:absolute;left: 12%;top:357px;}
-->
</style>
<!-- Hier beginnt jetzt die eigentliche rechte Box -->
<table class="rb_nextgame" width="220" height="150" border="0" cellspacing="5" cellpadding="0" id="table1">
<tr>
<td style="background-repeat: no-repeat;background-image: url(http://img.webme.com/pic/s/schwarz-gelbe-borussia/next_frankfurt_bvb.png);padding:5px;" background="transparent" class="shouty"><img border="0" src=""></img><td>
</tr>
</table>
Box2:
Code: <!-- Hier der Code zum Positionieren -->
<style type="text/css">
<!--
table.rb_login{position:absolute;left: 32%;top:359px;}
-->
</style>
<!-- Hier beginnt jetzt die eigentliche rechte Box -->
<table class="rb_login" width="200" height="150" border="0" cellspacing="3" cellpadding="0" id="table1">
<tr>
<td style="background-repeat: no-repeat;background-image: url(http://img.webme.com/pic/s/style4free-test/login_box.png);padding:20px;padding-top:25px;" background="transparent" class="shouty"><center>[login]</center><td>
</tr>
</table>
Box3:
Code: <!-- Hier der Code zum Positionieren -->
<style type="text/css">
<!--
table.rb_news{position:absolute;left: 52%;top:362px;}
-->
</style>
<!-- Hier beginnt jetzt die eigentliche rechte Box -->
<table class="rb_news" width="200" height="10" border="0" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td style="background-repeat: no-repeat;background-image: url(http://img.webme.com/pic/s/style4free-test/letzte_news.png);padding:1px;padding-top:25px;" background="transparent" class="shouty">
►<a href="http://schwarz-gelbe-borussia.de.tl/"><span style="color: rgb(0, 0, 0);">DFB stellt Verfahren ein</span><br />
</a>
►<a href="http://schwarz-gelbe-borussia.de.tl/"><span style="color: rgb(0, 0, 0);">Unentschieden gegen den VfB</span><br />
</a>
►<a href="http://schwarz-gelbe-borussia.de.tl/"><span style="color: rgb(0, 0, 0);">Tolle Party trotz Niederlage</span><br />
</a>
►<a href="http://schwarz-gelbe-borussia.de.tl/"><span style="color: rgb(0, 0, 0);">Niederlage beim Hamburger SV</span><br />
</a>
►<a href="http://schwarz-gelbe-borussia.de.tl/"><span style="color: rgb(0, 0, 0);">Zorc verlängert beim BVB</span><br />
</a>
<br><td>
</tr>
</table>
Box4:
Code: <!-- Hier der Code zum Positionieren -->
<style type="text/css">
<!--
table.rb_register{position:absolute;left: 71%;top:352px;}
-->
</style>
<!-- Hier beginnt jetzt die eigentliche rechte Box -->
<table class="rb_register" width="200" height="100" border="0" cellspacing="10" cellpadding="0" id="table1">
<tr>
<td style="background-repeat: no-repeat;background-image: url(http://img.webme.com/pic/s/schwarz-gelbe-borussia/com_box.gif);padding:0px;" background="transparent" class="shouty"><a href="http://schwarz-gelbe-borussia.de.tl/Registrieren.htm"><img src="http://img.webme.com/pic/s/schwarz-gelbe-borussia/leer.png" border="0"/></a><td>
</tr>
</table> ______________
Wir suchen Tester/Mitarbeiter und Moderatoren für unsere neue Homepage. Bei Interesse melden.
|
|
↑
|
|
|
-
homepage-vergleich
|
27.08.2009 um 20:37 (UTC) Titel: |
|
|
Die müssen so aussehen
Code: <!-- Hier der Code zum Positionieren -->
<style type="text/css">
<!--
table.rb_nextgame{position:absolute;left: 50%;top:357px;margin-left: ABSTAND LINKS px;}
-->
</style>
<!-- Hier beginnt jetzt die eigentliche rechte Box -->
<table class="rb_nextgame" width="220" height="150" border="0" cellspacing="5" cellpadding="0" id="table1">
<tr>
<td style="background-repeat: no-repeat;background-image: url(http://img.webme.com/pic/s/schwarz-gelbe-borussia/next_frankfurt_bvb.png);padding:5px;" background="transparent" class="shouty"><img border="0" src=""></img><td>
</tr>
</table>
Code: <!-- Hier der Code zum Positionieren -->
<style type="text/css">
<!--
table.rb_login{position:absolute;left: 50%;top:359px;margin-left: ABSTAND LINKS px;}
-->
</style>
<!-- Hier beginnt jetzt die eigentliche rechte Box -->
<table class="rb_login" width="200" height="150" border="0" cellspacing="3" cellpadding="0" id="table1">
<tr>
<td style="background-repeat: no-repeat;background-image: url(http://img.webme.com/pic/s/style4free-test/login_box.png);padding:20px;padding-top:25px;" background="transparent" class="shouty"><center>[login]</center><td>
</tr>
</table>
Code: <!-- Hier der Code zum Positionieren -->
<style type="text/css">
<!--
table.rb_news{position:absolute;left: 50%;top:362px;margin-left: ABSTAND LINKS px;}
-->
</style>
<!-- Hier beginnt jetzt die eigentliche rechte Box -->
<table class="rb_news" width="200" height="10" border="0" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td style="background-repeat: no-repeat;background-image: url(http://img.webme.com/pic/s/style4free-test/letzte_news.png);padding:1px;padding-top:25px;" background="transparent" class="shouty">
►<a href="http://schwarz-gelbe-borussia.de.tl/"><span style="color: rgb(0, 0, 0);">DFB stellt Verfahren ein</span><br />
</a>
►<a href="http://schwarz-gelbe-borussia.de.tl/"><span style="color: rgb(0, 0, 0);">Unentschieden gegen den VfB</span><br />
</a>
►<a href="http://schwarz-gelbe-borussia.de.tl/"><span style="color: rgb(0, 0, 0);">Tolle Party trotz Niederlage</span><br />
</a>
►<a href="http://schwarz-gelbe-borussia.de.tl/"><span style="color: rgb(0, 0, 0);">Niederlage beim Hamburger SV</span><br />
</a>
►<a href="http://schwarz-gelbe-borussia.de.tl/"><span style="color: rgb(0, 0, 0);">Zorc verlängert beim BVB</span><br />
</a>
<br><td>
</tr>
</table>
Code: <!-- Hier der Code zum Positionieren -->
<style type="text/css">
<!--
table.rb_register{position:absolute;left: 50%;top:352px;margin-left: ABSTAND LINKS px;}
-->
</style>
<!-- Hier beginnt jetzt die eigentliche rechte Box -->
<table class="rb_register" width="200" height="100" border="0" cellspacing="10" cellpadding="0" id="table1">
<tr>
<td style="background-repeat: no-repeat;background-image: url(http://img.webme.com/pic/s/schwarz-gelbe-borussia/com_box.gif);padding:0px;" background="transparent" class="shouty"><a href="http://schwarz-gelbe-borussia.de.tl/Registrieren.htm"><img src="http://img.webme.com/pic/s/schwarz-gelbe-borussia/leer.png" border="0"/></a><td>
</tr>
</table>
An dem Left nichts ändern, das muss 50 % bleiben nur an margin-left |
|
↑
|
|
|
-
style4free
Wohnort: Solingen
|
27.08.2009 um 20:43 (UTC) Titel: |
|
|
achso. Jetzt klappts. Vielen Dank ______________
Wir suchen Tester/Mitarbeiter und Moderatoren für unsere neue Homepage. Bei Interesse melden.
|
|
↑
|
|
|
|