mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 19.04.2024 02:01 Benutzername: Passwort: Auto-Login

Thema: CSS Layout - Problem - Div verschiebt sich bei längerem Text vom 18.06.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS Layout - Problem - Div verschiebt sich bei längerem Text
Seite: 1, 2, 3  Weiter
Autor Nachricht
Kia90
Threadersteller

Dabei seit: 18.06.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 18.06.2009 10:20
Titel

CSS Layout - Problem - Div verschiebt sich bei längerem Text

 Antworten mit Zitat Zum Seitenanfang
Hallo,

wenn der Text im Content Container lang ist, dann verschiebt sich die ganze Seite nach links.

Hier der Code:

Code:

<style type="text/css" media="screen">
        body {
       
                margin: 0;
                padding: 0;
                font: 85% arial, hevetica, sans-serif;
                text-align: center;
                color: #505367;
                background-color: #E4E4E4;
                }
       
        #container {
       
                margin: 1em auto;
                width: 935px;
                text-align: left;
                background-color: #FFF;
                border: 1px solid #CCC;
                }
            
        #header {
       
                height: 102px;
                background-color: fuchsia;
                }
            
        #header2 {
       
            height: 25px;
                background-image: url(grafiken/headbg3.gif);
            text-align:right;
            padding: 0;
            padding-top:5px;
            padding-right:3px;
                }
            
      #head2 {
            padding-top:3px;
            padding-right:3px;
            }
            
      #head2 a:link  {
         
            text-decoration:none;
               color:#4C4C4C;
            font-size:11px;
            }
            
      #head2 a:visited {
         
            text-decoration:none;
               color:#FFF;
            font-size:11px;
            }
      
      #head2 a:hover {
         
             text-decoration: none;
              color:#B2D43B;
            font-size:11px;
            }
         
        #header3 {
       
                height: 7px;
                background-color: #FFFFFF;
                }
        #menu {
       
                float: left;
                width: 150px;
            padding-top:15px;
            }
       
        #content {
       
                background-color: #FFF;
                margin-left: 160px;
                }
        #footer  {
            
            clear:both;
            background-image: url(grafiken/headbg3.gif);
            text-align:center;
            font-size: 11px;
            color:#FFF
                }
      #footer a:link  {
         
            text-decoration:none;
               color:#FFF;
            font-size:11px;
            }
            
      #footer a:visited {
         
            text-decoration:none;
               color:#FFF;
            font-size:11px;
            }
      
      #footer a:hover {
         
             text-decoration: none;
              color:#B2D43B;
            font-size:11px;
            }
         
        #menu ul {
 
                margin: 0;
                padding: 0;
                list-style: none;
                width:100%;
                text-decoration:none;
                }
        #menu li {

                display: inline;
                width:20%;
                line-height:30px;
                }
        #menu ul a, ul a:link {

              font:Verdana, Arial, Helvetica, sans-serif;
                font-family:Verdana, Arial, Helvetica, sans-serif;
                font-size:11px;
              color:#4C4C4C;
              display: block;
                text-decoration:none;
                background-color:#FFFFFF;
                border:solid;
                border-width:0px;
                border-bottom-width:1px;
                border-bottom-color:#D2D2D2;
                }

      #menu ul a:hover {

             background-color:#F6F6F6;
             text-decoration: none;
              color:#B2D43B;
            }
      #content h1 {
            font-size: 22px;
            color:#B2D43B;
            }
      #content  a:link {
                 text-decoration:none;
               color:#4C4C4C;
            }
      #content a:hover {

             background-color:#F6F6F6;
             text-decoration: none;
            color:#B2D43B;
            }
        #menu2 {
            float: right;
            position:relative;
            bottom:0px;
            right:0px;
      }
      #menu2 a:link  {
         
            text-decoration:none;
               color:#4C4C4C;
            font-size:11px;
            }
            
      #menu2 a:visited {
         
            text-decoration:none;
               color:#4C4C4C;
            font-size:11px;
            }
      #menu2 a:hover {
         
             text-decoration: none;
              color:#B2D43B;
            font-size:11px;
            }
            
      .field {
           background-color:#FFFFFF;
         border-color:#D2D2D2;
         border-style:solid;
         border-width:1px;
            }
</style>


Was ist falsch?

Gruß,
Kia

[edit kash: Bitte CODE Tags verwenden]

Zuletzt bearbeitet von Kash am Do 18.06.2009 11:39, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
konsumkünstler

Dabei seit: 05.06.2005
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 18.06.2009 10:55
Titel

Re: CSS Layout - Problem - Div verschiebt sich bei längerem

 Antworten mit Zitat Zum Seitenanfang
Kia90 hat geschrieben:
Was ist falsch?


Hi Kia,

dir kann bestimmt schneller geholfen werden, wenn du den Quellcode deiner HTML-Struktur noch mitpostest.

Besser: Ein Link zur Seite!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Kia90
Threadersteller

Dabei seit: 18.06.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 18.06.2009 10:57
Titel

Antworten mit Zitat Zum Seitenanfang
Hallo,

tut mir leid.

www.limited-webdesign.de/new

Gruß,
Kia

Zuletzt bearbeitet von Kia90 am Do 18.06.2009 10:58, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
konsumkünstler

Dabei seit: 05.06.2005
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 18.06.2009 11:00
Titel

Antworten mit Zitat Zum Seitenanfang
und wo genau ist das Problem? Bei mir (FF3) scheint alles normal dargestellt zu werden.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Kia90
Threadersteller

Dabei seit: 18.06.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 18.06.2009 11:02
Titel

Antworten mit Zitat Zum Seitenanfang
Hallo,

wenn du zum Beispiel von Startseite auf Referenzen gehst, dann verschiebt sich alles etwas.

So ist es bei mir. Ich verstehe allerdings nicht wieso.

Gruß,
Kia

PS: Hast du ICQ dann könnten wir vll. darüber schreiben, das geht einfacher und schneller.
  View user's profile Private Nachricht senden
konsumkünstler

Dabei seit: 05.06.2005
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 18.06.2009 11:04
Titel

Antworten mit Zitat Zum Seitenanfang
sie haben pm Lächel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Thomas126

Dabei seit: 21.03.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 17.03.2010 11:58
Titel

Antworten mit Zitat Zum Seitenanfang
Hätte die Antwort auch gerne gewusst,
habe nämlich das selbe Probleme bei meiner Website.
  View user's profile Private Nachricht senden
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Mi 17.03.2010 12:04
Titel

Re: CSS Layout - Problem - Div verschiebt sich bei längerem

 Antworten mit Zitat Zum Seitenanfang
Das kann viele Gründe haben. Am Besten versuchst du es mal hiermit: *zwinker*
konsumkünstler hat geschrieben:
...

dir kann bestimmt schneller geholfen werden, wenn du den Quellcode deiner HTML-Struktur noch mitpostest.

Besser: Ein Link zur Seite!
  View user's profile Private Nachricht senden
 
Ähnliche Themen Bild verschiebt Layout (html, css)
Layout verschiebt sich beim skalieren des Browers
Iframe, Text verschiebt sich!
Indesign - text verschiebt sich nicht mit Textbox
Export von Grafiken in Corel Draw X5 verschiebt Text
[PHP / MYSQL] LIKE mit längerem Abfrageausdruck
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2, 3  Weiter
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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB