kostenloser Webspace werbefrei: lima-city

div anordnen - Problem

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   webmaster123

   

   webmaster123 hat kostenlosen Webspace.

   16:42, 27.9.2007

   hallo,
   
   ich habe die seite: http://webmaster123.lima-city.de/div/index.htm
   die CSS: http://webmaster123.lima-city.de/div/design.css
   
   die \\\"Infobox\\\" soll so, wie die navi, nur rechts neben dem inhalts-div sein.
   
   
   PS: warum ist die seite im IE nicht zentral?
   
   Beitrag geändert: 27.9.2007 16:44:44 von webmaster123

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. sandrock-jonas

   

   sandrock-jonas hat kostenlosen Webspace.

   16:53, 27.9.2007

   webmaster123 schrieb:
   die \\\\\\\'Infobox\\\\\\\' soll so, wie die navi, nur rechts neben dem inhalts-div sein.

   
   
   Ändere die Reihenfolge in deinem HTML-Quelltext. Anstatt
   
   

   <div id=\"inhalt\">...</div>
   <div id=\"info\">Infobox!</div>

   
   
   musst du
   
   

   <div id=\"info\">Infobox!</div>
   <div id=\"inhalt\">...</div>

   
   
   benutzen.
   Also erst das gefloatete Element, dann das Element, das drum rum laufen soll.
4. Autor dieses Themas

   webmaster123

   

   webmaster123 hat kostenlosen Webspace.

   17:02, 27.9.2007

   wenn ich die reihenfolge ändere, sieht\'s so aus:
   
   http://webmaster123.lima-city.de/div2/
   
   dann ist das infobox-element im inhalts-div ....das soll ja außerhalb sein...
   
   

5. sandrock-jonas

   

   sandrock-jonas hat kostenlosen Webspace.

   17:09, 27.9.2007

   Das Problem kannst du beheben, indem du in die CSS-Datei bei #inhalt
   
   

   margin-right:200px

   
   
   einfügst. Den Wert 200px musst du halt so anpassen, wie es dir am besten gefällt.

6. tct

   

   tct hat kostenlosen Webspace.

   17:11, 27.9.2007

   Ich hab den #inhalt und den #info mal so abgeändert:
   

   #inhalt {
    margin-left: 20px;
    width: 350px;
    padding: 20px;
    float: left;
    background-image:url(bg-br.gif);
     border:1px white solid;
    }
   
    #info {
    border:1px white solid;
    margin-left: 20px;
    width:195px;
    padding:10px;
    float: left;
    font: normal 13px \"Trebuchet MS\",verdana, sans-serif;
    background-image:url(bg-ge.gif);
    }

   
   Gibt genau deinen gewünschten Effekt.
   Warum machst du die Hintergrundfarben eingentlich mit gifs? Wenn da keine Strukturen drauf sind, ist CSS schneller.
7. Autor dieses Themas

   webmaster123

   

   webmaster123 hat kostenlosen Webspace.

   17:17, 27.9.2007

   merci !
8. Autor dieses Themas

   webmaster123

   

   webmaster123 hat kostenlosen Webspace.

   17:20, 27.9.2007

   
   Warum machst du die Hintergrundfarben eingentlich mit gifs? Wenn da keine Strukturen drauf sind, ist CSS schneller.
   

   
   
   weil die gewünschten farben nicht in hexadezimalzahlen vom firefox erkannt werden..
9. Autor dieses Themas

   webmaster123

   

   webmaster123 hat kostenlosen Webspace.

   17:20, 27.9.2007

   apropro strukturen...
   
   wie mache ich zum beispiel so dezente, schräge strichte ?

10. qbuut

    qbuut hat kostenlosen Webspace.

    18:35, 27.9.2007

    Meinst du scanlines in Bildern?
    http://www.psd-tutorials.de/modules.php?name=News&file=article&sid=748
    
    Beitrag geändert: 27.9.2007 18:38:26 von qbuut

11. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?