mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 19.04.2024 05:31 Benutzername: Passwort: Auto-Login

Thema: div verschiebt sich bei anderer auflösung vom 29.06.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> div verschiebt sich bei anderer auflösung
Autor Nachricht
curly head
Threadersteller

Dabei seit: 25.05.2009
Ort: dogern
Alter: 35
Geschlecht: Weiblich
Verfasst Mo 29.06.2009 10:33
Titel

div verschiebt sich bei anderer auflösung

Antworten mit Zitat Zum Seitenanfang

hallo zusammen,
ich hab ein problemchen... nachdem ich es mühevoll geschafft habe, eine seite mit frames, tabellen und ohne css in eine seite mit css und divs umzugestalten, wollen die divs einfach nicht so richtig. bei meinem rechner zuhause mit einer auflösung von 1680x1050 wird alles wunderbar angezeigt, so wie es sein sollte, doch auf rechnern mit einer geringeren auflösung verhaut es mir die divs von der navigation, dem menü und dem footer... was mach ich falsch? ich hoffe jemand da draußen kann mir helfen *Thumbs up!*

hier die css von den divs

Code:


#kopf {
   height:20%;
   width: 1024px;
   margin:0px auto;
   background-image:url("banner.jpg");   
   text-align: right;
   text-decoration:none;
   }
   
#links { 
   height: 100%;
   width: 200px;
   margin: 0px 5px 0px 328px;
   background-color: #ffffff;   
   text-align:left;
   display: block;
   position: absolute;
   top: 0px;
   left: 0px;
   overflow:auto;
   text-decoration:none;
   }

#mitte {
   width: 100%;
   text-decoration:none;   
   position: relative;
   }
   
   


#inhalt {
   height: 80%;
   width: 814px;
   margin:0px 0px 0px 528px;
   padding:5px 5px 5px 5px;
   background-color:#ffffff;
   text-align:left;
   text-decoration:none;
   }

#fuss {
   background-image:url("footer.jpg");   
   text-align:center;
   position: absolute;
   left: 50%;
   width: 794px;
   margin-left: -438px;
   bottom: 0px;
   height: 4%;

   }
   
#counter{
   background-image:url("footer.jpg");   
text-align:right;
position: absolute;
left: 50%;
width: 140px;
margin-left: -513px;
bottom: 0px;
height: 4%;

   }
   
   
#right{
   background-image:url("footer.jpg");   
   text-align:right;
   position: absolute;
   left: 50%;
   width: 155px;
   margin-left: 356px;
   bottom: 0px;
   height: 4%;
   z-index:1;

        }


...achja die seite steht dummerweise schon online,
www.rsv-dogern.de
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
l3mon

Dabei seit: 26.07.2005
Ort: -5m
Alter: 58
Geschlecht: Männlich
Verfasst Mo 29.06.2009 10:43
Titel

Re: div verschiebt sich bei anderer auflösung

Antworten mit Zitat Zum Seitenanfang

curly head hat geschrieben:
... bei meinem rechner zuhause mit einer auflösung von 1680x1050 ...


die hat doch jeder oder? *balla balla*


curly head hat geschrieben:
..ich hab ein problemchen... nachdem ich es mühevoll geschafft habe, eine seite mit frames, tabellen und ohne css in eine seite mit css und divs umzugestalten..

is noch immer ein frameset, aber sags nicht weiter

edit: danke smooth - hab ich übersehen - und so suchmaschinenfreundlich
Code:
<title></title>
<meta name="keywords" content="" />
<meta name="description" content="" />


Zuletzt bearbeitet von l3mon am Mo 29.06.2009 10:51, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 29.06.2009 10:46
Titel

Antworten mit Zitat Zum Seitenanfang

Das Problem leigt hier begraben: Du möchtest die Seite mittig zentriert haben (horizontal) und vergibst dehalb dein margin-left in Pixeln.
Ist ja klar, dass das nicht funktionieren kann... rechne doch mal das margin-left und die breite des inhalts zusammen? *zwinker*


Klatsch um die ganzen divs einfach noch einen:

Code:

<body>
<div id="all">
      ... restcontainer

</div>
</body>


und geb dem folgendes auf die reise:

Code:

div#all{
width: 1024px; /* header ist so groß */
margin: 0 auto;
}


Und natürlich jetzt die ganzen margin-left raus...


//edit: Tollen Domain-Hoster habt ihr da ja *zwinker*

l3mon hat geschrieben:
is noch immer ein frameset, aber sags nicht weiter


Der macht euch nämlich das hier rein... Hmm...?!


Zuletzt bearbeitet von Smooth-Graphics am Mo 29.06.2009 10:48, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen position:absolute verschiebt sich bei anderer Auflösung
Qualiprobs in Flash: Auflösung Bilder / Auflösung Bühne ?
<p> mit Abstandswerten verschiebt div
Illustrator verschiebt diagonal
{erledigt} template verschiebt dtd
Css Mittlerer Kontainer verschiebt es beim pc
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.