Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 11

Thema: Design mit DIV's

  1. #1
    HTML Newbie
    Registriert seit
    11.04.2007
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Design mit DIV's

    Hallo Zusammen,
    ich hoffe ihr könnt mir helfen.

    Bisweilen habe ich Websites immer mit Frames aufgebaut, bin aber jetzt dazu über gegangen das ganze mit DIV's zu realisieren.
    Dabei tauchen viele neue Probleme auf, vor allem im Unterschied zwischen IE und Firefox.

    Folgendes, ich bastle gerade an einer Site die wie folgt aussehen soll:
    Ein Design mit 1024px exakt auf die Mitte ausgerichtet, dazu natürlich links/rechts die benötigten Abstände.
    Der mittige DIV hat:
    - oben das Logo mit ca 200 Höhe
    - dann folgt ein kleiner Trennbalken
    - nun folgt ein Navigationsmenü das den nachfolgenden Content bei aufklappen überlappt
    - nun folgt der Content Bereich
    - zu guter letzt ein Bottom Balken mit Impressum usw.

    Mein Problem nun ist, das der Content Bereich stehts die höhe des Inhalts halten soll, auch wenn das 3000 Zeichen sind.
    Und nur dieser Content Bereich soll Scrollbar sein (u.u. auch noch der Bottom Balken mit).
    Aber der Logobereich, der Balken und die Navi soll stehen bleiben.

    Ich bekomme das nicht hin,
    könnt ihr mir bitte weiter helfen.

    MfG
    Suxxezz
    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
    König(in)
    Registriert seit
    27.01.2007
    Beiträge
    1.059
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hmmm, ich könnte dich jetzt zutexten, aber vielleicht hilft dir schon das hier weiter:

    http://www.gamling.kilu3.de/punkerz <= zufällig hat diese site von mir genau dein Design

    css-code:
    Code:
    body &#123;
    background-color&#58;#000000;
    font-size&#58;13px;
    &#125;
    
    h1&#123;
    text-align&#58;center;
    font-size&#58;18px;
    line-height&#58;8px;
    color&#58;#ff2a00;
    &#125;
    
    h2&#123;
    text-align&#58;left;
    font-size&#58;16px;
    line-height&#58;8px;
    &#125;
    
    h3&#123;
    font-size&#58;15px;
    line-height&#58;0px;
    &#125;
    
    b&#123;
    font-size&#58;13px;
    color&#58;black;
    &#125;
    
    #header &#123;
    border-left&#58; black solid 1px;
    border-right&#58; black solid 1px;
    border-top&#58; black solid 1px;
    background-image&#58;url&#40;"../grafik/header/header.png"&#41;;
    width&#58;798px;
    height&#58;118px;
    margin-left&#58;auto;
    margin-right&#58;auto;
    &#125;
    
    #navigation &#123;
    border-top&#58; black solid 1px;
    height&#58;35px;
    width&#58;800px;
    margin-left&#58;auto;
    margin-right&#58;auto;
    &#125;
    
    #text &#123;
    height&#58;360px;
    max-height&#58;360px;
    margin-left&#58;auto;
    margin-right&#58;auto;
    width&#58;798px;
    background-color&#58;#ae0e0e;
    border-left&#58; black solid 1px;
    border-right&#58; black solid 1px;
    border-top&#58; black solid 1px;
    color&#58;black;
    font-family&#58;arial;
    &#125;
    
    #textinnen &#123;
    height&#58;360px;
    max-height&#58;360px;
    margin-left&#58;auto;
    margin-right&#58;auto;
    overflow&#58;auto;
    width&#58;768px;
    max-width&#58;768px;
    background-color&#58;#ae0e0e;
    color&#58;black;
    font-family&#58;arial;
    &#125;
    
    #textfriends &#123;
    height&#58;360px;
    max-height&#58;360px;
    margin-left&#58;auto;
    margin-right&#58;auto;
    overflow&#58;auto;
    width&#58;768px;
    max-width&#58;768px;
    background-color&#58;#ae0e0e;
    color&#58;black;
    font-family&#58;arial;
    &#125;
    
    
    #textguestbook &#123;
    height&#58;360px;
    max-height&#58;360px;
    margin-left&#58;auto;
    margin-right&#58;auto;
    overflow&#58;auto;
    width&#58;768px;
    max-width&#58;768px;
    background-color&#58;#ae0e0e;
    color&#58;black;
    font-family&#58;arial;
    &#125;
    
    #footer&#123;
    height&#58;19px;
    width&#58;798px;
    background-color&#58;#530000;
    margin-left&#58;auto;
    margin-right&#58;auto;
    border&#58; black solid 1px;
    font-family&#58;arial;
    color&#58;#ac0e0e;
    text-align&#58;center;
    &#125;
    
    img &#123;
    margin-left&#58;0px;
    margin-right&#58;0px;
    padding-left&#58;0px;
    padding-right&#58;0px;
    border&#58;none;
    &#125;
    
    #footer a&#123;
    color&#58;#ac0e0e;
    text-decoration&#58;none;
    &#125;
    
    #textfriends p&#123;
    width&#58;45%;
    padding&#58;5px;
    color&#58;#ae0e0e;
    border&#58; 1px solid #ff2a00;
    background-color&#58;#530000;
    text-align&#58;left;
    &#125;
    
    #textguestbook p&#123;
    width&#58;70%;
    padding&#58;5px;
    color&#58;#ae0e0e;
    border&#58; 1px solid #ff2a00;
    background-color&#58;#530000;
    text-align&#58;left;
    margin-left&#58;auto;
    margin-right&#58;auto;
    &#125;
    
    strong &#123;
    color&#58;#ff2a00;
    font-size&#58;14px;
    &#125;
    
    #footer a&#58;hover&#123;
    text-decoration&#58;underline;
    &#125;
    
    #textinnen a&#123;
    color&#58;black;
    font-size&#58;16px;
    text-decoration&#58;none;
    &#125;
    
    #textinnen a&#58;hover&#123;
    color&#58;black;
    text-decoration&#58;underline;
    &#125;
    
    #textfriends a&#123;
    color&#58;black;
    font-size&#58;16px;
    text-decoration&#58;none;
    &#125;
    
    #textfriends a&#58;hover&#123;
    color&#58;black;
    text-decoration&#58;underline;
    &#125;
    
    #textguestbook a&#123;
    color&#58;black;
    font-size&#58;16px;
    text-decoration&#58;none;
    &#125;
    
    #textguestbook a&#58;hover&#123;
    color&#58;black;
    text-decoration&#58;underline;
    &#125;
    Ich hoffe das hilft dir. Wenn du das nicht verstehst, nochmal fragen, dann texte ich doch


    Gamling
    In meinem Webdesign-Blog! gibt es Hilfe zu Webdesign-Fragen und dem Betrieb von Websites!
    Webdesign preiswert aus Lörrach

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    11.04.2007
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hey super, genau so.
    Und kann man das jetzt auch machen das der mittelere Bereich sich immer an der Menge des Inhaltes dehnt? Bedeutet, Header und Navi bleiben stehen, und der volle Text wird immer angezeigt und nur was den Browserbereich überschreitet wird scrollbar.
    Der Scrollbalken tauch ja jetzt auf weil der DIV auf z.B. 400px in der Höhe fest ist. Kann man diesen Bereich auch dynamisch dehnen?

    Nochmals vielen Dank für deine schnelle Antwort.

  4. #4
    König(in)
    Registriert seit
    27.01.2007
    Beiträge
    1.059
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Jap, kann man, einfach gar keine höhe Angeben, und overflow auch ganz weglassen. Dann ist der div einfach so groß wie er sein muss.

    Gamling
    In meinem Webdesign-Blog! gibt es Hilfe zu Webdesign-Fragen und dem Betrieb von Websites!
    Webdesign preiswert aus Lörrach

  5. #5
    Samurai
    Registriert seit
    21.03.2007
    Beiträge
    237
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    moin gamling,
    sach ma kannst auch noch ma dein html-code der Startseite von deiner Page posten???
    Ich hab genau den selben Aufbau wie deine, aber meine funktioniert irgentwie nicht richtig, da sich irgentwie immer noch Teile verschieben etc...!
    Dann kann ich das ma mit meinem vergleichen und die Fehler beheben
    (schick mir das notfalls als private Nachricht, falls du nich willst, das den alle kopieren können )

    desman

  6. #6
    König(in)
    Registriert seit
    27.01.2007
    Beiträge
    1.059
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Startseite welcher Page?

    Gamling
    In meinem Webdesign-Blog! gibt es Hilfe zu Webdesign-Fragen und dem Betrieb von Websites!
    Webdesign preiswert aus Lörrach

  7. #7
    Gast

    Standard

    die du oben gepostet hattest...

    (hab grad keine lust mich einzuloggen )

    desman

  8. #8
    König(in)
    Registriert seit
    27.01.2007
    Beiträge
    1.059
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Dir ist aber schon klar, dass in meinem Post die Adresse steht??

    Gamling
    In meinem Webdesign-Blog! gibt es Hilfe zu Webdesign-Fragen und dem Betrieb von Websites!
    Webdesign preiswert aus Lörrach

  9. #9
    Gast

    Standard

    ja is mir klar...ich dachte nur wegen copyright und so

  10. #10
    König(in)
    Registriert seit
    27.01.2007
    Beiträge
    1.059
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Mit anderen Worten du willst es kopieren. Naja dich bringt das nicht weiter und wegen diesem Thread weiß jeder, dass es von mir ist, aber wenn du meinst, ist mir eigentlich egal.

    Gamling
    In meinem Webdesign-Blog! gibt es Hilfe zu Webdesign-Fragen und dem Betrieb von Websites!
    Webdesign preiswert aus Lörrach

Ähnliche Themen

  1. Frage zu div's / iFrame
    Von infernalshade im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 26.03.2008, 09:47
  2. Einführung Div's
    Von Sojo im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 19.04.2007, 21:12
  3. Ajax: 2 Div's befüllen
    Von chuqa im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 8
    Letzter Beitrag: 06.02.2007, 12:58
  4. div's, clear's und andere schwierigkeiten
    Von mr.scruff im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 03.07.2006, 12:42
  5. div's nebeneinander
    Von im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 11.06.2004, 19:25

Stichworte

Berechtigungen

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