Ergebnis 1 bis 9 von 9

Thema: Design mit DIVs -> Ein Objekt will nicht dahin, wo es sol

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

    Standard Design mit DIVs -> Ein Objekt will nicht dahin, wo es sol

    Hallo

    Ich bin dabei meine Homepage komplett mit divs (also ohne Tabellen) zu designen. Leider hab ich aber da ein kleines (grosses?) Problem:

    http://blog.ch-suter.ch/

    -> das "NAVIGATION GOES HERE" Element sollte eigentlich als zweite Splate neben die schwarze Box!

    Ich kopiere hier mal der Code von der CSS- und der HTML-Datei hin, denn im Browser wird der Code sehr hässlich (ohne Zeilenumbrüche dargestellt [wieso??]).

    HTML (gekürzt)
    Code:
    <body>
     <div="top">BANNER GOES HERE</div>
     <div id="topmenu">
      <ul id="topmenu">
        ...[/list]
     </div>
     <div id="body">CONTENT GOES HERE</div>
     <div id="menu">NAVIGATION GOES HERE</div>
     <div id="bottom"> � 2006 Christoph Suter</div>
    </body>
    CSS (gekürzt)
    Code:
    body &#123;
    	padding-top&#58; 100px;
    	padding-left&#58; 100px;
    	padding-right&#58; 100px;
    &#125;
    
    div#top &#123;
    	
    	width&#58; 100%;
    	height&#58; 20%;
    	top&#58; 0%;
    	bottom&#58; 80%;
    	background-color&#58; #000000;
    	left&#58; 0%;
    	right&#58; 0%;
    
    &#125;
    
    div#topmenu &#123;
    		
    	width&#58; 100%;
    	height&#58; 8%;
    	top&#58; 20%;
    	bottom&#58; 72%;
    	background-color&#58; blue;
    	left&#58; 0%;
    	right&#58; 0%;
    
    &#125;
    
    div#body &#123;
    
    	width&#58; 70%;
    	height&#58; 64%;
    	left&#58; 0%;
    	right&#58; 30%;
    	bottom&#58; 8%;
    	top&#58; 28%;
    	background-color&#58; black;
    
    &#125;
    
    div#menu &#123;
    	width&#58; 30%;
    	left&#58; 70%;
    	right&#58; 0%;
    	bottom&#58; 8%;
    	top&#58; 28%;
    	background-color&#58; #CC0000;
    
    &#125;
    
    
    div#bottom &#123;
    	
    	width&#58; 100%;
    	height&#58; 8%;
    	bottom&#58; 0%;
    	top&#58; 92%;
    	left&#58; 0%;
    	right&#58; 0%;
    	background-color&#58; #990000;
    
    &#125;
    Könnt ihr mir bitte helfen, und sagen, was ich tun muss, damit das DIV mit der ID=menu dort steht, wo ich es will
    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
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    versuchs mal mit Position:absolute;
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    24.11.2006
    Beiträge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    zu jedem div?
    oder nur zu div#menu ?

  4. #4
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    mach mal nur ins menü... musst dann allerdings nochweng anpassen (left / top)
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    24.11.2006
    Beiträge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ok, sieht schon mal besser aus..

    aber inwiefern anpassen? Ich meine, ja ich sehe auch, dass es noch nicht stimmt, aber wieso stimmt es nicht? Kannst du mir das bitte erklären?

  6. #6
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    hehe... sorry, leider nicht...

    arbeite auch erst seit kurzem mit divs (davor meist tabellen mit iframes).
    und von dem ganzen positionierungs-zeug hab ich auch noch nicht sooo viel ahnung...

    vielleicht hilft dir des momentan besser:
    http://de.selfhtml.org/navigation/su...ion%3Aabsolute
    http://www.css4you.de/position.html
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  7. #7
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Um Verwechslungen vorzubeugen solltest du zunächst den div#body umbenennen, z.B. in content.
    Ordne ihm in der CSS dann noch ein
    Code:
    float&#58;left;
    zu.
    Beim div#menu ersetze width:30 % durch
    Code:
    width&#58;auto;

  8. #8
    HTML Newbie
    Themenstarter

    Registriert seit
    24.11.2006
    Beiträge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    wenn ich "float: left;" mache, zieht er das Copyright-Div nach oben

  9. #9
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Der kommt runter wenn du den content füllst oder dem content eine Pixelhöhe zufügst.
    Alternativ probiers mal so:

    Code:
    div#bottom &#123;
       width&#58; auto;
       height&#58; 8%;
       position&#58;absolute;
       left&#58; 100px;
       right&#58;100px;
         bottom&#58; 0%;
    clear&#58;both;
      background-color&#58; #990000;
      &#125;
    *html div#bottom &#123;
    width&#58;100%&#125;

Ähnliche Themen

  1. Design im IE wird nicht angezeigt
    Von HTML/PHP Rookie im Forum HTML & CSS Forum
    Antworten: 14
    Letzter Beitrag: 17.08.2008, 03:52
  2. Seite wird nicht korrekt angezeigt/Divs positionieren ?!
    Von marco563 im Forum HTML & CSS Forum
    Antworten: 14
    Letzter Beitrag: 23.07.2008, 16:44
  3. scrollbalken eines divs springt nicht zurück
    Von Ludger Müller im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 14.07.2008, 20:07
  4. Acces is denied/Das Objekt unterstuezt diese Methode nicht
    Von Specht(o) im Forum Computer - Internet Forum
    Antworten: 4
    Letzter Beitrag: 10.04.2008, 15:54
  5. Probleme mit DIVs... Ich kriegs nicht hin :(
    Von -TS-design im Forum HTML & CSS Forum
    Antworten: 16
    Letzter Beitrag: 08.01.2008, 12:10

Stichworte

Berechtigungen

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