kostenloser Webspace werbefrei: lima-city


padding?

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    krynn

    Kostenloser Webspace von krynn

    krynn hat kostenlosen Webspace.

    guten tag alle miteinander!
    ich habe ein problem mit dem padding auf meiner seite:
    http://krynn.milten.lima-city.de/

    das linke funktioniert ohne probleme, aber rechts "laeuft es ueber den rand", obwohl ich schon mit padding und margin herumprobiert habe. es aendert sich nichts. was mache ich falsch?

    gibt es eine moeglichkeit das ganze design zu zentrieren (css)?

    vielen dank im voraus.
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

  3. Am Besten w?re es wohl wenn du mal deinen Quelltext zur VErf?gung stellen k?nntest. Damit vereinfacht sich die Fehlersuche ungemein :wink:

    EDIT:
    Oder ist das bisschen hier alles? *verwirrt sei am morgen*

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
      <title>infinite photography</title>
      <meta name="description" content="">
      <meta name="keywords" content="">
      <meta name="author" content="michael dannhauer">
      <meta name="generator" content="AceHTML Freeware">	  
      <link rel="stylesheet" type="text/css" href="styles.css" />
    
    </head>
    <body>	
    <!-- Counter von http://fc.webmasterpro.de : dieser Code zeigt ihre Besucherzahl an und z?hlt mit -->
    <script type="text/javascript" src="http://fc.webmasterpro.de/counter.php?name=infinitephotography&amp;style=none" id="fcScriptinfinitephotography"></script>
    <noscript><div><img src="http://fc.webmasterpro.de/as_noscript.php?name=infinitephotography" alt="" /></div></noscript>
    <div id="header"></div> 
    <div id="left_bar"></div>
    <div id="right_bar"></div>
    <div id="button_home"></div>
    <div id="button_about"></div>
    <div id="button_portfolio"></div>  
    <div id="button_contact"></div> 
    <div id="button_affilates"></div>
    <div id="button_linkme"></div> 
    <div id="navi_spacer"></div> 
    <div id="advertisement"></div> 
    
    <div id="bottom_spacer"></div> 
    <div id="footer"></div> 
    
    <div id="content_top"><h1>headline</h1></div>
    <div id="content" class="content">
    <p>
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed egestas vehicula nisi. In vel metus. Quisque eleifend dolor sed tortor. In hac habitasse platea dictumst. Nullam arcu libero, malesuada sit amet, molestie mollis, molestie et, ante. Vivamus feugiat pede lacinia enim bibendum pharetra. Donec feugiat erat vitae elit. Quisque gravida diam semper nibh. Etiam elit. Duis id mi quis lorem condimentum tincidunt. Cras molestie metus. Suspendisse aliquam, enim ut scelerisque bibendum, diam est vestibulum ipsum, eu sollicitudin tellus mauris vitae libero. Nullam pharetra sodales arcu. Maecenas est dui, ultrices et, porta ac, fringilla nec, eros. Curabitur bibendum, urna vel molestie aliquam, sem odio vulputate mi, non pretium tortor eros nec nisi. Ut vel urna. Aenean sapien enim, dignissim quis, iaculis laoreet, blandit a, odio. Integer enim. Mauris placerat dui eu metus.
    </p><p>
    Ut lacinia, enim a convallis tincidunt, arcu lacus tristique tortor, sed dapibus urna est vitae magna. Etiam congue. Nunc pulvinar mauris id diam. Fusce nec diam a est ullamcorper placerat. Vestibulum eu diam. Aliquam nec ipsum et lorem porta pharetra. Cras a elit at diam rhoncus accumsan. Nam ornare scelerisque lacus. Donec pharetra ante at leo. Curabitur urna nunc, tincidunt in, accumsan a, auctor sit amet, leo. Phasellus fringilla fermentum elit.
    </p><p>
    Vivamus varius aliquet nulla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce ullamcorper ligula et mi. Cras consequat velit ut sem. Pellentesque vitae orci eu erat sagittis mattis. In aliquet aliquet magna. Vestibulum hendrerit eros eget ante. Cras eget sem. Nullam massa. Nulla mauris. Cras ut nunc.
    </p><p>
    Fusce et risus. Duis sapien enim, dictum eget, elementum nec, posuere a, risus. Aliquam erat volutpat. Sed sagittis, enim a consectetuer sagittis, est nisl vestibulum felis, eget tempus massa lacus at lectus. Nunc vel sem vel lorem sodales scelerisque. Integer posuere ornare est. Fusce non massa sed nunc viverra pulvinar. Fusce vitae odio ac lectus sagittis molestie. Donec dolor orci, ultrices sit amet, consectetuer at, ultricies at, tortor. Duis non pede sed augue pretium lobortis. Nulla facilisi. Fusce aliquam. Nulla facilisi. Cras sit amet nunc nec nunc sollicitudin fringilla. Cras vitae urna sed neque condimentum tempor.
    </p><p>
    Ut vel lorem. Proin interdum ligula in ante. Proin ultrices eleifend nunc. Suspendisse quis eros. Fusce varius, odio et sodales cursus, leo orci eleifend lectus, nec fermentum felis ipsum id libero. Fusce ornare mi ac lectus. Nunc id lacus non nunc accumsan aliquam. Nullam feugiat fringilla ligula. Phasellus ultricies risus at massa. Vivamus blandit. Duis quis est non libero tristique scelerisque. Donec a quam.
    </p>
    </div>
    
    </body>
    </html>


    Beitrag ge?ndert am 10.08.2006 10:16 von jacer
  4. e********l

    jacer: Vielleicht solltest du einfach mal lesen lernen und das CSS selbst im Browser aufrufen ;)

    @Topic: Naja, du versucht deinem Content Div per ID="content" eine absolute position zugewiesen. Und Zeitgleich eine relative position ?ber das Class Attribute. Das kann gar nicht gehen.
    Die Content Box als solches muss schon relative sein. Styles ohne position Angabe sind per default auf relative. Zumal ich es erstmal mit einer geringeren Breite im absoluten Element versuchen w?rde. Die 4xx pixel sind doch recht gro?.

    Schau dir mal http://www.css4you.de an. Dort sind sehr gute Beispiele f?r Layouts und wie man die umsetzt. Davon ausgehend kann man seine eigenen Layouts relativ leicht realisieren.

    //edit:
    Ebenso w?rde ich die Navigations Hover Effekte mittels Hover Attribut erzeugen. Dann brauchst das Javascript nicht und sparst dir das laden von Grafiken.

    Evil

    Beitrag ge?ndert am 10.08.2006 12:30 von evil-devil
  5. Autor dieses Themas

    krynn

    Kostenloser Webspace von krynn

    krynn hat kostenlosen Webspace.

    danke evil devil. ich werde mal vorbei schauen und sehen, ob ich es dann hinbekomme. zu jacer hast du ja schon was gesagt, aber jeder kann sich ja mal vergucken oder er ist nur table layouts gewohnt.



    evil-devil schrieb:
    //edit:
    Ebenso w?rde ich die Navigations Hover Effekte mittels Hover Attribut erzeugen. Dann brauchst das Javascript nicht und sparst dir das laden von Grafiken.

    Evil

    na? da hast du jetz aber nicht richtig im css nachgelesen. die navi ist mit hover gecodet. brauche ich den preloader trotzdem?
  6. e********l

    Achso der ist schon mit CSS. Hatte so nen Nachlade-Effekt beim ersten Hovern. Der Hintergrund wurde kurz silbern.
  7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!