Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag02.02.2010 um 11:58 (UTC)    
Titel: CSS-Design

Hallo erstmal [:
Ich habe ja ein CSS-Design und komme auch sehr gut damit zurecht^^
Aber mir ist aufgefallen, dass manche Leute mein Design ganz anders sehen.
Z.B. sind die div-Codes nach links o. rechts verschoben *___*


Hier zwei Bilder:
http://i46.tinypic.com/2lbi7pz.jpg
(div-Codes nach links verschoben)

http://i439.photobucket.com/albums/qq118/thea-lein/10.png
(div-Codes nach rechts verschoben)

Mein Design sollte so aussehen:
http://img.webme.com/pic/j/just-that/just-that.jpg


Warum ist es eigentlich so? *____* Gibt es irgendein Code, was das Verschieben verhindert?


Zuletzt bearbeitet von just-that am 02.02.2010, 13:02, insgesamt einmal bearbeitet
Beitrag02.02.2010 um 12:09 (UTC)    
Titel:

Hi,
versuche mal deinen Container mit:
Zitat:
margin:0 auto;

mittig zu platzieren.
Dann positionierst du die anderen Codes auch mit margin:0 auto; mittig.

Mfg nico1970 Wink
______________


Das Forum für alle die sich mit Computern auskennen und/oder sich über Konsolen und Spiele unterhalten wollen !
Beitrag02.02.2010 um 12:18 (UTC)    
Titel:

Hallo

Das Problem liegt einfach an den falschen Positionsangaben der rechten Divs. Die gesamte Website wird in der Bildschirmmitte ausgerichtet, nur die Divs positionierst du in einem festen Abstand vom linken Rand. Sobald sich die Bildschirmbreite änder, wird die Seite zwar richtig ausgerichtet (nämlich mittig) aber die Divs bleiben immer noch an ihrer absoluten position kleben und scheinen sich zu verschieben.

Der Code für die Divs enthält folgenden Fehler:

Zitat:

<div style="position: absolute; left: 920px; top: 1005px; width: 185px; height: 190px; background-image:url(http://img.webme.com/pic/j/just-that/p3.png)"> </div>



left darf nicht absolut im Bezug auf den linken Rand gesetzt werden, wenn sich der Rest der Seite auf die Mitte biezieht:

besser:

left: 50%; margin-left: XX px;

mit "margin-left" richten sich die Divs an der Bildschirmmitte aus. Den dortigen Wert (XX px) musst du so anpassen, dass sie an der richtigen Stelle sitzen (schätzungsweise ca 350px). Dort bleiben sie dann auch.
Übrigens: dieser kleine Gedankenfehler setzt sich bei allen Divs der rechten Spalte fort. Die Änderungen musst du ggf. an mehreren Stellen vornehmen.


Hoffe, das hilft.

FK





visit => FKblack
Beitrag02.02.2010 um 12:19 (UTC)    
Titel:

Versuche die mal mit den left-Werten anders zu positionieren:

Zitat:
<div style="position: absolute; left: 50%; margin-left: 220px; top: 1005px; width: 185px; height: 190px; background-image:url(http://img.webme.com/pic/j/just-that/p3.png)"> </div>


Sobald man eine andere Auflösung hatte, haben sich die Boxen verschoben.
Nun kannst du sie dadurch fest platzieren, einfach den Wert bei margin-left
anpassen!

Edit:

Zu langsam... Surprised
______________
Spendet jetzt für den User -Name entfernt - , damit er sich ein Duden kaufen kann, da seine Schreibkünste die einens 11-jährigen sehr stark ähneln. Smile


Zuletzt bearbeitet von blutsegelbukaniere am 02.02.2010, 13:20, insgesamt 2-mal bearbeitet
Beitrag02.02.2010 um 12:20 (UTC)    
Titel:

Ich versteh das irgendwie nicht Neutral
Also soll ich in meinen div-Codes ,,margin:0 auto;" einfügen?

Vorher:
Code:
<div style="position: absolute; left: 500px; top: 500px; width: 185px; height: 190px; background-image:url()"> TEXT </div>


Nachher:
Code:
<div style="position: absolute; margin:0 auto; left: 500px; top: 500px; width: 185px; height: 190px; background-image:url()"> TEXT </div>


Es ändert sich dann nichts..
Beitrag02.02.2010 um 12:21 (UTC)    
Titel:

Ah, k ich versuche es mal Wink
Beitrag02.02.2010 um 12:27 (UTC)    
Titel:

Danke für eure schnelle Antwort Very Happy
Hoffe, die Anderen sehen meine Homepage jetzt richtig Mr. Green
Beitrag02.02.2010 um 12:34 (UTC)    
Titel:

Nicht ganz.

Momentan verschiebt sich nur die 1. Box, wobei ihr Inhalt immer noch an der falschen Stelle hängt.

Du musst den Code bei allen Divs der rechten Seite vornehmen. Diese Zeile mit dem kleinen Fehler wiederholt sich einige Male.


PS: Um zu überprüfen, ob alles sitzt, kannst du das Bildschirmfenster minimieren bzw. maximieren oder den Zoom kleiner stellen. Dann siehst du die sich ändernden Relationen der Blöcke.


Gruß

FK





visit => FKblack
Beitrag02.02.2010 um 12:44 (UTC)    
Titel:

So überprüft man das also Very Happy
Und ich dachte es wäre normal, dass die Boxen sich beim Minimieren verschieben xD

Ok, ich habe jetzt die ganzen div-Codes umgeändert [:

1000 Dank an euch! Mr. Green
Beitrag02.02.2010 um 16:35 (UTC)    
Titel:

Danke an die Helfer

und danke für deine Rückmeldung! Very Happy
______________
Spendet jetzt für den User -Name entfernt - , damit er sich ein Duden kaufen kann, da seine Schreibkünste die einens 11-jährigen sehr stark ähneln. Smile
Beiträge der letzten Zeit anzeigen:   


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