Ergebnis 1 bis 2 von 2

Thema: Probleme mit Positionierung

  1. #1
    amigo889
    Gast

    Standard Probleme mit Positionierung

    Hi Leute,

    bin realtive neu im CSS-Geschäft und werde auch nicht so ganz schlau aus allem. Ich möchte einen content haben indem der main-inhalt ist und neben dem content kleine boxen wie "login" oder "neuster beitrag", sowas in der art.
    Habe gestern rumprobiert und mich für die Div elemente entschieden.
    Jetzt folgendes Problem: Wenn der Browser voll geöffnet ist, sprich maximiert sieht alles gut aus HIER SCREENSHOT.

    Sobald ich die Größe des Browser (unabhängig ob IE oder FIFOX) verändere, verschiebt sich alles, nur die login box nicht SCREENSHOT2. Ich weiss zwar das es daran liegt das die Loginbox auf position:absolute gestellt ist, weiss aber keine alternative, dass letzendlich ALLES so bleibt wies auf dem 1. Screenshot zu sehen ist auch wenn das Fenster verändert wird.


    Hier ein Auschnitt aus meinem CSS-CODE

    Code:
    div.login {
    
    width:150px;
    height:auto;
    position:absolute;
    top:300px; 
    left:870px;
    padding-right:2px;
    padding-left:2px;
    font-family:verdana; 
    font-size:10px;
    background-color:#7ac7f7;
    text-align: left;
    
    }
    
    div.content 
    {
    text-align: left;
    margin:10px auto 0;
    width:800px;
    height:auto;
    
    
    padding-right:2px;
    padding-left:2px;
    
    font-family:verdana; 
    
    font-size:10px;
    
    background-color:#7ac7f7;
    border-style: solid;
    border-width: 1px; }
    
    div.navigation 
    {
    
    margin:10px auto 0;
    width:800px;
    font-family:verdana; 
    font-size:10px;
    background-color:#e1e1e1;
    border-style: solid;
    border-width: 0px; 
    }
    
    div.fusszeile
    {
    padding-right:2px;
    padding-left:2px;
    margin:2px auto 0;
    width:800px;
    font-family:verdana; 
    font-size:9px;
    background-color:#7ac7f7;
    border-style: solid;
    border-width: 1px; }
    
    
    
    
    div.banner {
        text-align: left;
    margin:80px auto 0;
    width:800px;
    height:150px;
    background-image: url(images/banner.jpg);
    
    padding-right:2px;
    padding-left:2px;
    
    font-family:verdana; 
    
    font-size:10px;
    
    background-color:#7ac7f7;
    border-style: solid;
    border-width: 1px; }
    HTML:
    Code:
    <div class=content>
    <img src=images/news.jpg>
    content
    
    
    
    <div class=login>
    <form action=# method=POST>
    
    
    Benutzername
    
    <input type=text name=email>
    
    Passwort
    
    <input type=password name=password>
    
    <input class=buttom type=submit value=Anmelden>
    
    
    <center><a href=#>Passwort vergessen?</a>
    </form>
    
    </div>
    Mfg amigo[/code]
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard

    HTML:
    Code:
    <div class="content">
      <div class="oben">[img]images/news.jpg[/img]content</div>
      <div class="login"> 
        <form action="#" method="POST"> 
          Benutzername
     
          <input type="text" name="email">
     
          Passwort
     
          <input type="password" name="password">
     
          <input class="buttom" type="submit" value="Anmelden">
    
     
          <center>Passwort vergessen? 
        </form> 
      </div>
      <div class="innerContent">Dein Text rechts</div>
      <br style="clear&#58;both" />
    </div>
    CSS:
    Code:
    .login
    &#123; float&#58;left;
      width&#58;24%;
    &#125;
    .innerContent
    &#123; float&#58;left;
      width&#58;75%;
    &#125;
    Something big is coming. And there will be pirates and ninjas and unicorns...

Ähnliche Themen

  1. CSS Positionierung
    Von JackD im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 27.03.2008, 14:13
  2. CSS Positionierung
    Von daniel8888 im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 07.12.2007, 14:22
  3. Div-Positionierung (zentriert)
    Von Sojo im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 20.04.2007, 18:04
  4. Positionierung
    Von happychillkroete im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 24.09.2006, 18:56
  5. css positionierung
    Von im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 11.01.2005, 20:24

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •