Suche im Forum:
Suchen


Autor Nachricht
Beitrag27.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. Smile




lg
sg-borussia
______________

Wir suchen Tester/Mitarbeiter und Moderatoren für unsere neue Homepage. Bei Interesse melden.
Beitrag27.08.2009 um 18:44 (UTC)    
Titel:

Ach ja...
da bin ich Experte drin Mr. Green
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
Beitrag27.08.2009 um 19:19 (UTC)    
Titel:

Ich glaube du hast mich falsch verstenaden Wink 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.
Beitrag27.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 Wink


Zuletzt bearbeitet von homepage-vergleich am 27.08.2009, 21:04, insgesamt einmal bearbeitet
Beitrag27.08.2009 um 20:26 (UTC)    
Titel:

Das klappt auch nicht.Sad Sieht dann so aus:
http://img197.imageshack.us/img197/3319/aufloesung2.png
______________

Wir suchen Tester/Mitarbeiter und Moderatoren für unsere neue Homepage. Bei Interesse melden.
Beitrag27.08.2009 um 20:28 (UTC)    
Titel:

Hast du die ALLE IN EINEM cODE ?

Du musst die alle in einem Einzelcode machen
Beitrag27.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.
Beitrag27.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
Beitrag27.08.2009 um 20:43 (UTC)    
Titel:

achso. Jetzt klappts. Vielen Dank Wink
______________

Wir suchen Tester/Mitarbeiter und Moderatoren für unsere neue Homepage. Bei Interesse melden.
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de