HomepageHelfer.org

so, bis auf das mittig setzen von header, main und footer sowie die fehlende navi oben und die breite anpassen wie ich sie auf der startseite habe, bin ich schon ganz zufrieden.
Benötige nur noch für die punkte hilfe.. Am wichtigsten ist mir die navi, den rest bekomme ich evtl. selber irgendwie hin.

habe ich jetzt folgendes ergebnis.

http://patschwork.npage.de/zum-shop_59501426.html

Code: Alles auswählen

<!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">
            <head>

                <title>PatschWorks</title>

        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta name="description" content="" />
        <meta name="author" content="" />
        <meta name="keywords" content="" />
        <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />

        <style type="text/css">

          
        h1 {
        h1 font-family: 'Buda', arial, serif;
        font-size: 20px;
        color: #FFF111;
        }

        h2 {
        font-family: 'Buda', arial, serif;
        font-size: 20px;
        color: #000000;
        }

        a:link {
        font-family: 'Buda', arial, serif;
        color:#B19667;
        font-size:16px;
        text-decoration:none
        }

        a:visited {
        font-family: 'Buda', arial, serif;
        color:#B19667;
        font-size:16px;
        text-decoration:none
        }

        a:active {
        buda;color:#775121;
        font-size:16px;
        text-decoration:none
        }

        a:hover {
        font-family: 'Buda', arial, serif;
        color:#9b1515;
        font-size:16px;
        text-decoration:none
        }

       body {
        background-image:url(http://file1.npage.de/009238/11/bilder/hg_braun1.gif);
        background-repeat: repeat;
        background-attachment: fixed;

        background-position: center center;
        background-color: #D1CCBD;
        font-family: 'Buda', arial, serif;
        font-size: 16px;
        padding: 10px;
        margin: 0;
       }

#header {
height: 220px;
width: 900px;         
background-color: transparent;
background-image: url(http://file1.npage.de/009238/11/bilder/header_2011.gif);
color: #CCC;
margin: 10px 350px 10px 350px;
border-width: 5px;
border-style: solid;
border-color: #775121;

}

    #main {
        width: 880px;
        border-width: 5px;
        border-style: solid;
        border-color: #775121;
        background-image: url(http://file1.npage.de/009238/11/bilder/hg_2.jpg);
        background-repeat: repeat;
        padding: 10px 10px 10px 10px;
        margin: 10px 10px 10px 200px;
       }
          
    #fuss{
        width: 900px;
        height: 60px;
        font-family: 'Buda', arial, serif;
        font-size: 16px;
        color: #775121;
        background-color: transparent;
        background-image: url(http://file1.npage.de/009238/11/bilder/hg_2.jpg);
        border-width: 5px;
        border-style: solid;
        border-color: #775121;
        padding: 0;
        margin: 30px 10px 10px 200px;
       }
   
    #left {
       background-color:transparent;
       padding: 0;
       border: 0px solid #f09;
       margin: 10;
       width: 180px;
       position: absolute;
       top: 280px;
       left: 0;
       margin: 10px 200px 10px 160px;
       }

    /* navi  Oben
            ---------------------------------------------------------------*/

        .menuoben {
        display: block;
        width: 147px;
        height: 30px;
        line-height: 25px;
        text-align: center;
        text-decoration: none;
        font-family: 'Buda', arial, serif;
        font-size: 14px;
        color: #999999;
        background-color: #775121;
        background-image: url();
        border: solid 1px #B19667;
        }

        .menuoben:hover {
        display: block;
        width: 147px;
        height: 30px;
        line-height: 25px;
        text-align: right;
        text-decoration: none;
        font-family: 'Buda', arial, serif;
        font-size: 14px;
        color: #775121;
        background-color: ;
        background-image:  url(http://file1.npage.de/008528/63/bilder/button_gross_2.png);
        border: solid px #775121;
        margin-bottom: 0px;
        }

            /* Navi Links
            -------------------------------------- */

        #navi {
        float: left;
        width: 150px;
        background-color: transparent;
        padding-top: 0px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        font-size: 1px;
        color: #775121;
        margin-left: 10px;
        }

        #menulink {
        display: block;
        width: 150px;
        height: 20px;
        line-height:25px;
        text-align: left;
        text-decoration: none;
        font-family: 'Buda', arial, serif;
        font-size: 15px;
        color: #DFC382;
        background-color: ;
        background-image: url();
        }

        #menulink:hover {
        display: block;
        width: 150px;
        height: 20px;
        line-height: 25px;
        text-align: left;
        text-decoration: none;
        font-family: 'Buda', arial, serif;
        font-size: 17px;
        color: #DFDE9C;
        background-color: ;
        background-image:  url();
        }


    </style>

    <body>


      <div id="header">
</div>
      
      <div id="left">
  
 <div id="navi">
 
 
  
<ul>   
  <li><u><span style="font-family:'Times New Roman',Times,serif; color: #DFC382; font-weight:bold; font-size:18px"><u>Holzdeko</u></span></u></li>   
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Buchstaben</a></li>       
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Zahlen</a></li>       
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Schlüsselbretter</a></li>       
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Aufsteller</a></li>      
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Tierzubehör</a></li>       
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Sonstiges</a></li>      
    </ul>  <br><br><br><br><br><br><br>

  
<ul>
  <li><span style="font-family:'Times New Roman',Times,serif; color: #DFC382; font-weight:bold; font-size:18px"><u>Malerei</u></span></li>     
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Acryl</a></li>       
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Pastell</a></li>       
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Ölpastell</a></li>       
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Monochrome</a></li>      
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Illustration</a></li>       
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Sonderwünsche?</a></li>      
      </ul><br><br><br><br><br><br><br>
  
  
<ul>
  <li><u><span style="font-family:'Times New Roman',Times,serif; color: #DFC382; font-weight:bold; font-size:18px"><u>Textilien</u></span></u></li> 
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Hundemäntel</a></li>       
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Taschen</a></li>       
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Handytaschen</a></li>       
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Tischdecken</a></li>      
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Bezüge</a></li>       
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Sonstiges</a></li> 
      </ul><br><br><br><br><br><br><br>
  
<ul>  
      <li><span style="font-family:'Times New Roman',Times,serif; color: #DFC382; font-weight:bold; font-size:18px"><u>SALE%</u></span></li> 
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• B-Ware</a></li>       
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Sonderangebote</a></li>   
      </ul><br><br><br><br><br><br><br>
   

<ul> 
      <li><span style="font-family:'Times New Roman',Times,serif; color: #DFC382; font-weight:bold; font-size:18px"><u>Sonderwünsche?</u></span></li> 
      <li><a href="http://patschwork.npage.de/kontakt.html" id="menulink">» Kontaktieren</a></li>
      </ul><br><br><br><br><br><br><br>

 
   </div>
    <div id="main">
 



 

        
_______________________________________________________________________________



    <!-- Hier das Skript Teillen  -->

</div>
    <div id="fuss">

    <center>
                    <br>
                      <a href="http://patschwork.npage.de/willkommen_85001094.html" style="color: #775121">PatschWorks</a> | <a href="http://patschwork.npage.de/kontakt.html" style="color: #775121">Kontakt</a> | <a href="http://patschwork.npage.de/impressum_51977037.html" style="color: #775121">Impressum</a>
                    </center>
                    </div><!-- #footer -->

        </div><!-- #wrapper -->

        </body>
        </html>

Hallo patrick..war leider dem ganzen Tag beschäftigt und kein zeit gehabt...und morgen hab eich auch kein Zeit ..LEIDER !!!

diesen Skript ist schon etwas andere als sonst wir immer machen ..hatte das mit
Position absolut gemacht und bis jetzt noch nie so was gemacht...wollte mal aus probieren weil du so besonderen Wunsch hastet ...
mit deinen Navi links was in aus her Bereich vom Design ist ..oder wenigstes danach so ausseht ..dazu das ganze Rest in einen Abstand nach rechts ..dachte mir es ist ja optimale Lösung.... weil mit diesen Art zu positionieren kann man exakt. sagen wo welche Box zu platzieren ist ....
Hab gar kein Plan warum sich das ganze verschiebt

aber du hast schon das Rest gut hin bekommen...

werde mich am WE damit mehr befassen .. Oder und wenn der Peter auch Zeit hat am WE da wird sich schon der Lösung finden ...

hier was über diesen art HP zu machen

http://de.selfhtml.org/css/eigenschafte ... ierung.htm

Hallo moni,

hoffe du hattest einen schönen tag.

Kannst du mir evtl. die obere navie wieder einbauen? Das ist mir das allerwichtigste!
An den anderen sachen arbeite ich gerade und habe auch schon was hinbekommen.
Nur dieobere navi, die ist echt wichtig

Hier mal der jetztige stand der dinge

Code: Alles auswählen

<!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">
<head>

<title>PatschWorks</title>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />

<style type="text/css">

          
h1 {
h1 font-family: 'Buda', arial, serif;
font-size: 20px;
color: #FFF111;
}

h2 {
font-family: 'Buda', arial, serif;
font-size: 20px;
color: #000000;
}

a:link {
font-family: 'Buda', arial, serif;
color:#B19667;
font-size:16px;
text-decoration:none
}

a:visited {
font-family: 'Buda', arial, serif;
color:#B19667;
font-size:16px;
text-decoration:none
}

a:active {
buda;color:#775121;
font-size:16px;
text-decoration:none
}

a:hover {
font-family: 'Buda', arial, serif;
color:#9b1515;
font-size:16px;
text-decoration:none
}

body {
background-image:url(http://file1.npage.de/009238/11/bilder/hg_braun1.gif);
background-repeat: repeat;
background-attachment: fixed;
background-position: center center;
background-color: #D1CCBD;
font-family: 'Buda', arial, serif;
font-size: 16px;
padding: 10px;
margin: 0;
}
  
#aussen {
width: 1050px;
margin-right: auto;
margin-left: auto;
background-color:red ;
border: 0px solid transparent;
background-image: url(http://file1.npage.de/009238/11/bilder/hg_2.jpg);
background-attachment: fixed;
background-repeat: repeat;
background-position: center center;       
}


#header {
height: 220px;
width: 900px;         
background-color: transparent;
background-image: url(http://file1.npage.de/009238/11/bilder/header_2011.gif);
color: #CCC;
margin: 10px 350px 10px 350px;
border-width: 5px;
border-style: solid;
border-color: #775121;
}

#main {
width: 880px;
border-width: 5px;
border-style: solid;
border-color: #775121;
background-image: url(http://file1.npage.de/009238/11/bilder/hg_2.jpg);
background-repeat: repeat;
padding: 10px 10px 10px 10px;
margin: 10px 10px 10px 200px;
}
          
#fuss{
width: 900px;
height: 60px;
font-family: 'Buda', arial, serif;
font-size: 16px;
color: #775121;
background-color: transparent;
background-image: url(http://file1.npage.de/009238/11/bilder/hg_2.jpg);
border-width: 5px;
border-style: solid;
border-color: #775121;
padding: 0;
margin: 30px 10px 10px 200px;
}
   
#left {
background-color:transparent;
padding: 0;
border: 0px solid #f09;
margin: 10;
width: 180px;
position: absolute;
top: 280px;
left: 0;
margin: 10px 200px 10px 160px;
}

    /* navi  Oben
            ---------------------------------------------------------------*/

.menuoben {
display: block;
width: 147px;
height: 30px;
line-height: 25px;
text-align: center;
text-decoration: none;
font-family: 'Buda', arial, serif;
font-size: 14px;
color: #999999;
background-color: #775121;
background-image: url();
border: solid 1px #B19667;
}

.menuoben:hover {
display: block;
width: 147px;
height: 30px;
line-height: 25px;
text-align: right;
text-decoration: none;
font-family: 'Buda', arial, serif;
font-size: 14px;
color: #775121;
background-color: ;
background-image:  url(http://file1.npage.de/008528/63/bilder/button_gross_2.png);
border: solid px #775121;
margin-bottom: 0px;
}

            /* Navi Links
            -------------------------------------- */

#navi {
float: left;
width: 150px;
background-color: transparent;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
font-size: 1px;
color: #775121;
margin-left: 10px;
}

#menulink {
display: block;
width: 150px;
height: 20px;
line-height:25px;
text-align: left;
text-decoration: none;
font-family: 'Buda', arial, serif;
font-size: 15px;
color: #DFC382;
background-color: ;
background-image: url();
}

#menulink:hover {
display: block;
width: 150px;
height: 20px;
line-height: 25px;
text-align: left;
text-decoration: none;
font-family: 'Buda', arial, serif;
font-size: 17px;
color: #DFDE9C;
background-color: ;
background-image:  url();
}


    </style>

    <body>


      <div id="header">
</div>
      
      <div id="left">
  
 <div id="navi">
 
 
  
<ul>   
  <li><u><span style="font-family:'Times New Roman',Times,serif; color: #DFC382; font-weight:bold; font-size:18px"><u>Holzdeko</u></span></u></li>   
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Buchstaben</a></li>       
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Zahlen</a></li>       
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Schlüsselbretter</a></li>       
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Aufsteller</a></li>      
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Tierzubehör</a></li>       
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Sonstiges</a></li>      
    </ul>  <br><br><br><br><br><br><br>

  
<ul>
  <li><span style="font-family:'Times New Roman',Times,serif; color: #DFC382; font-weight:bold; font-size:18px"><u>Malerei</u></span></li>     
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Acryl</a></li>       
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Pastell</a></li>       
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Ölpastell</a></li>       
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Monochrome</a></li>      
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Illustration</a></li>       
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Sonderwünsche?</a></li>      
      </ul><br><br><br><br><br><br><br>
  
  
<ul>
  <li><u><span style="font-family:'Times New Roman',Times,serif; color: #DFC382; font-weight:bold; font-size:18px"><u>Textilien</u></span></u></li>
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Hundemäntel</a></li>       
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Taschen</a></li>       
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Handytaschen</a></li>       
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Tischdecken</a></li>      
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Bezüge</a></li>       
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Sonstiges</a></li>
      </ul><br><br><br><br><br><br><br>
  
<ul>  
      <li><span style="font-family:'Times New Roman',Times,serif; color: #DFC382; font-weight:bold; font-size:18px"><u>SALE%</u></span></li>
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• B-Ware</a></li>       
      <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Sonderangebote</a></li>   
      </ul><br><br><br><br><br><br><br>
   

<ul>
      <li><span style="font-family:'Times New Roman',Times,serif; color: #DFC382; font-weight:bold; font-size:18px"><u>Sonderwünsche?</u></span></li>
      <li><a href="http://patschwork.npage.de/kontakt.html" id="menulink">» Kontaktieren</a></li>
      </ul><br><br><br><br><br><br><br>

 
   </div>
    <div id="main">

.morgen hat man einen klaren Kopf

und damit muss eigentlich die Sache gut gewesen sein..
http://blicke1.npage.de/patrick-hp-neu_13661005.html

hier das skript

Code: Alles auswählen

      <!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">
        <head>

            <title>PatschWorks</title>

    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />

    <style type="text/css">

    * {
    margin: 0;
    padding: 0;
    }

    h1 {
    h1 font-family: 'Buda', arial, serif;
    font-size: 20px;
    color: #FFF111;
    }

    h2 {
    font-family: 'Buda', arial, serif;
    font-size: 20px;
    color: #000000;
    }
 h4{

    font-family:'Times New Roman',Times,serif;
    color: #DFC382;
    font-weight:bold;
    text-decoration: underline;
    font-size:18px
}
    a:link {
    font-family: 'Buda', arial, serif;
    color:#B19667;
    font-size:16px;
    text-decoration:none
    }

    a:visited {
    font-family: 'Buda', arial, serif;
    color:#B19667;
    font-size:16px;
    text-decoration:none
    }

    a:active {
    buda;color:#775121;
    font-size:16px;
    text-decoration:none
    }

    a:hover {
    font-family: 'Buda', arial, serif;
    color:#9b1515;
    font-size:16px;
    text-decoration:none
    }


    body {
    background-image:url(http://file1.npage.de/009238/11/bilder/hg_braun1.gif);
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center center;
    background-color: #D1CCBD;
    font-family: 'Buda', arial, serif;
    font-size: 16px;
    }

    p {
    margin: 0 0 18px
    }

    #wrapper {
    width: 1080px;
    margin: 0 auto;
    margin-left: auto;
    background-color:transparent;
    background-repeat: repeat;
    }

        /* Header
        -----------------------------------------------------------------------------*/

    #header {
    height: 220px;
    width: 900px;
    background-color:transparent;
    background-image: url(http://file1.npage.de/009238/11/bilder/header_2011.gif);
    color: #CCC;
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: 180px;
    border-width: 5px;
    border-style: solid;
    border-color: #775121;
    padding: 0px;
    }

    #balken {
    height: 30px;
     width: 900px;
    background-color: transparent;
    background-image: url();
    background-repeat: repeat;
    margin-left:180px;
    text-align: right;
    }

    #balken1 {
    height: 30px;
      width: 900px;
    background-color: transparent;
    background-image: url();
    background-repeat: repeat;
     margin-left:180px;
    }
    #balken2 {
    height: 60px;
      width: 900px;
    background-color:transparent;
    background-image: url();
    background-repeat: repeat;
     margin-left:180px;
    }
        /* navi  Oben
        ---------------------------------------------------------------*/

    .menuoben {
    display: block;
    width: 147px;
    height: 30px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    font-family: 'Buda', arial, serif;
    font-size: 14px;
    color: #999999;
    background-color: #775121;
    background-image: url();
    border: solid 1px #B19667;

    }

    .menuoben:hover {
    display: block;
    width: 147px;
    height: 30px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    font-family: 'Buda', arial, serif;
    font-size: 14px;
    color: #775121;
    background-color: #B19667;
    background-image:  url(http://file1.npage.de/008528/63/bilder/button_gross_2.png);
    border: solid 1px #775121;
    margin-bottom: 0px;
    }

        /* Navi Links
        -------------------------------------- */
    #navi {

            width: 150px;
            background-color: transparent;
            margin-left: -230px;
            }

            #menulink {
            display: block;
            width: 150px;
            height: 20px;
            line-height:18px;
            text-align: left;
            text-decoration: none;
            font-family: 'Buda', arial, serif;
            font-size: 15px;
            color: #DFC382;
            background-color:transparent ;

            }

            #menulink:hover {
            display: block;
            width: 150px;
            height: 20px;
            line-height:18px;
            text-align: left;
            text-decoration: none;
            font-family: 'Buda', arial, serif;
            font-size: 15px;
            color: #DFDE9C;
            background-color:transparent ;

            }



        /* Middle
        -----------------------------------------------------------------------------*/

    #middle {
    width: 900px;
    height: 1%;
    position: relative;


    }

    #middle:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    }

    #container {
    width: 900px;
    float: left;




    }

    #content {
    width: 900px;
    padding: 0 0 0 0px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    margin-left: 180px;
     border-width: 5px;
    border-style: solid;
    border-color: #775121;
    background-image: url(http://file1.npage.de/009238/11/bilder/hg_2.jpg);
    background-repeat: repeat;

    }


        /* Sidebar Left
        -----------------------------------------------------------------------------*/
    #sideLeft {
    float: left;
    width: 180px;
    margin-left: -100%;
    position: relative;
    background:transparent;

        }

        /* Footer
        -----------------------------------------------------------------------------*/

    #footer {
    width: 900px;
    height: 60px;
    font-family: 'Buda', arial, serif;
    font-size: 16px;
    color: #775121;
    background-color: transparent;
    background-image: url(http://file1.npage.de/009238/11/bilder/hg_2.jpg);
    border-width: 5px;
    border-style: solid;
    border-color: #775121;
    margin-bottom: 35px;
    margin-right: 180px;
    padding: 0px;
    }

    </style>
    </head>

    <body>

    <div id="wrapper">

    <div id="header">

    </div>
                             <!-- #header-->
    <div id="balken1">

    <table align="center" border="0">

    <tbody>

    <tr>

    <td><a class="menuoben" href="http://patschwork.npage.de/willkommen_85001094.html">Start</a></td>

    <td><a class="menuoben" href="http://patschwork.npage.de/wir_sind_52795711.html">wir sind...</a></td>

    <td><a class="menuoben" href="http://patschwork.npage.de/shopübersicht_51055577.html">zum Shop</a></td>

    <td><a class="menuoben" href="http://patschwork.npage.de/guestbook.html">Gästebuch</a></td>

    <td><a class="menuoben" href="http://patschwork.npage.de/kontakt.html">Kontakt</a></td>

    <td><a class="menuoben" href="http://patschwork.npage.de/impressum_51977037.html">Impressum</a></td>
    </tr>

    </tbody>

    </table>

    </div>

    <div id="balken">

    </div>

    <div id="middle">

    <div id="container">

    <div id="content">teeeeeeeeeexttt

    <!-- Hier das Skript Teillen  -->

    </div>
                                <!-- #content-->
    </div>
                                <!-- #container-->

    <div class="sidebar" id="sideLeft">

  <div class="navi">

<ul>
           <li><span style="font-family:'Times New Roman',Times,serif; color: #DFC382; font-weight:bold; font-size:18px"><u>Holzdecko</u></span></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Buchstaben</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Zahlen</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Schlüsselbretter</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Aufsteller</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Tierzubehör</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Sonstiges</a></li>
          <li><h4></h4></li>
        </ul>

    <ul>
      <li><span style="font-family:'Times New Roman',Times,serif; color: #DFC382; font-weight:bold; font-size:18px"><u>Malerei</u></span></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Acryl</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Pastell</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Ölpastell</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Monochrome</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Illustration</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Sonderwünsche?</a></li>
            <li><h4></h4></li>
          </ul>


    <ul>
      <li><u><span style="font-family:'Times New Roman',Times,serif; color: #DFC382; font-weight:bold; font-size:18px"><u>Textilien</u></span></u></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Hundemäntel</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Taschen</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Handytaschen</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Tischdecken</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Bezüge</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Sonstiges</a></li>
            <li><h4></h4></li>
          </ul>

    <ul>
          <li><span style="font-family:'Times New Roman',Times,serif; color: #DFC382; font-weight:bold; font-size:18px"><u>SALE%</u></span></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• B-Ware</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Sonderangebote</a></li>
            <li><h4></h4></li>
          </ul>


    <ul>
          <li><span style="font-family:'Times New Roman',Times,serif; color: #DFC382; font-weight:bold; font-size:18px"><u>Sonderwünsche?</u></span></li>
          <li><a href="http://patschwork.npage.de/kontakt.html" id="menulink">» Kontaktieren</a></li>
            <li><h4></h4></li>
          </ul>

    </div></div>
                              <!-- .sidebar#sideLeft -->
      </div>

                              <!-- #middle-->
    <div id="balken1">
      </div>
     <div id="balken2"> <div id="footer">  <center>
                <br>
                  <a href="http://patschwork.npage.de/willkommen_85001094.html" style="color: #775121">PatschWorks</a> | <a href="http://patschwork.npage.de/kontakt.html" style="color: #775121">Kontakt</a> | <a href="http://patschwork.npage.de/impressum_51977037.html" style="color: #775121">Impressum</a>
                </center>
                </div> </div><!-- #footer -->

    </div><!-- #wrapper -->

    </body>
    </html>

einzige was man noch korrigieren muss sind die exakt das Inhalt zu positionieren ...ist etwas breiter und nach rechts ein wenig als Header....
hab dafür jetzt echt kein zeit ...aber das meiste ist schon fertig

Huhu moni,

hatte eine echt kurze Nacht (Zahnschmerzen) und musste sogar zum Zahnärztlichen Notdiens :-O.

Nichts desto trotz, ein recht herzliches Dankeschön für deine Mühen! Ich werde jetzt soweit ich es hinbekomme den rest selbst zu gestalten.

Obwohl eine Frage hab ich da tatsächlich doch noch.
Ist es möglich, den Hauptbereich "main" eine bestimmte höhe zu geben, so dass er bspw. immer die höhe von 450Px hat? Ausser natürlich wenn
der Inhalt mal mehr ist, dann sollte sich das ganze schon automatisch vergrößern......

LG

Patrick hat geschrieben: Obwohl eine Frage hab ich da tatsächlich doch noch.
Ist es möglich, den Hauptbereich "main" eine bestimmte höhe zu geben, so dass er bspw. immer die höhe von 450Px hat? Ausser natürlich wenn
der Inhalt mal mehr ist, dann sollte sich das ganze schon automatisch vergrößern......

LG

Hallo Patrick...

habe dir das auf 450 px heigt eingestellt...ob es auch dann automatisch sich breit macht wenn mal mehr Text rein kommt da bezweifele ich sehr ...
auch der Abstand zum footer ist jetzt sehr groß ...
habe das skript etwas noch korrigiert und nach Fehler gesucht.... der validator zeigt zwei Fehler ...und zwar wegen deinen buda Schrift....
html ist ganz ok
http://blicke1.npage.de/patrick-hp-neu_13661005.html

http://jigsaw.w3.org/css-validator/vali ... 61005.html
http://validator.w3.org/check?verbose=1 ... 61005.html
hier noch mal das aktuelle Skript

Code: Alles auswählen

      <!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">
        <head>

            <title>PatschWorks</title>

    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />

    <style type="text/css">

    * {
    margin: 0;
    padding: 0;
    }

    h1 {
    h1 font-family: 'Buda', arial, serif;
    font-size: 20px;
    color: #FFF111;
    }

    h2 {
    font-family: 'Buda', arial, serif;
    font-size: 20px;
    color: #000000;
    }

    a:link {
    font-family: 'Buda', arial, serif;
    color:#B19667;
    font-size:16px;
    text-decoration:none
    }

    a:visited {
    font-family: 'Buda', arial, serif;
    color:#B19667;
    font-size:16px;
    text-decoration:none
    }

    a:active {
    buda;color:#775121;
    font-size:16px;
    text-decoration:none
    }

    a:hover {
    font-family: 'Buda', arial, serif;
    color:#9b1515;
    font-size:16px;
    text-decoration:none
    }


    body {
    background-image:url(http://file1.npage.de/009238/11/bilder/hg_braun1.gif);
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center center;
    background-color: #D1CCBD;
    font-family: 'Buda', arial, serif;
    font-size: 16px;
    }

    p {
    margin: 0 0 18px
    }

    #wrapper {
    width: 1085px;
    margin: 0 auto;
    margin-left: auto;
    background-color:transparent;

    }
     /* Header
        -----------------------------------------------------------------------------*/

    #header {
    height: 220px;
    width: 900px;
    background-color:transparent;
    background-image: url(http://file1.npage.de/009238/11/bilder/header_2011.gif);
    color: #CCC;
    margin-top: 30px;
    margin-bottom: 0px;
    margin-left: 180px;
    border-width: 5px;
    border-style: solid;
    border-color: #775121;
    padding: 0px;
    }

    #balken {
    height: 35px;
     width: 900px;
    background-color: transparent;
    margin-left:180px;
    }
     /* navi  Oben
        ---------------------------------------------------------------*/

    .menuoben {
    display: block;
    width: 147px;
    height: 30px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    font-family: 'Buda', arial, serif;
    font-size: 14px;
    color: #999999;
    background-color: #775121;
    background-image: url();
    border: solid 1px #B19667;

    }

    .menuoben:hover {
    display: block;
    width: 147px;
    height: 30px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    font-family: 'Buda', arial, serif;
    font-size: 14px;
    color: #775121;
    background-color: #B19667;
    background-image:  url(http://file1.npage.de/008528/63/bilder/button_gross_2.png);
    border: solid 1px #775121;
    margin-bottom: 0px;
    }
/* Navi Links
        -------------------------------------- */
    #navi {

            width: 150px;
            background-color: transparent;

            }

            #menulink {
            display: block;
            width: 150px;
            height: 20px;
            line-height:18px;
            text-align: left;
            text-decoration: none;
            font-family: 'Buda', arial, serif;
            font-size: 15px;
            color: #DFC382;
            background-color:transparent ;

            }

            #menulink:hover {
            display: block;
            width: 150px;
            height: 20px;
            line-height:18px;
            text-align: left;
            text-decoration: none;
            font-family: 'Buda', arial, serif;
            font-size: 15px;
            color: #DFDE9C;
            background-color:transparent ;

            }

/* Middle  -----------------------------------------------------------------------------*/

    #middle {
    width: 1085px;
    height: 1%;
    position: relative;
     border-width: 0px;
    border-style: solid;
    border-color: #FFFF00;
    }
    #middle:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    }
    #container {
    width: 860px;
    height: 450px;
    float: left;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
    text-align: left;
     border-width: 5px;
    border-style: solid;
    border-color: #775121;
    background-image: url(http://file1.npage.de/009238/11/bilder/hg_2.jpg);
    background-repeat: repeat;
     margin-left: 180px;
}
    #content {
    width: 900px;
    }
/* Sidebar Left
        -----------------------------------------------------------------------------*/
    #sideLeft {
    float: left;
    width: 180px;
    margin-left: -100%;
    position: relative;
    background:transparent;

   }
    /* Footer
      -----------------------------------------------------------------------------*/
     #footer {
    width: 1080px;
    height: 60px;
    background-color: transparent;
    padding: 0px;
    }
    #footerbild{
      width: 900px;
    height: 60px;
    font-family: 'Buda', arial, serif;
    font-size: 16px;
    color: #775121;
    text-align: center;
    background-color: transparent;
    background-image: url(http://file1.npage.de/009238/11/bilder/hg_2.jpg);
    border-width: 5px;
    border-style: solid;
    border-color: #775121;
    margin-left: 180px;
    position: relative;
    padding: 0px;
    }
    </style>
    </head>

    <body>

    <div id="wrapper">

    <div id="header">

    </div>
                             <!-- #header-->
    <div id="balken">

    <table align="center" border="0">

    <tbody>

    <tr>

    <td><a class="menuoben" href="http://patschwork.npage.de/willkommen_85001094.html">Start</a></td>

    <td><a class="menuoben" href="http://patschwork.npage.de/wir_sind_52795711.html">wir sind...</a></td>

    <td><a class="menuoben" href="http://patschwork.npage.de/shopübersicht_51055577.html">zum Shop</a></td>

    <td><a class="menuoben" href="http://patschwork.npage.de/guestbook.html">Gästebuch</a></td>

    <td><a class="menuoben" href="http://patschwork.npage.de/kontakt.html">Kontakt</a></td>

    <td><a class="menuoben" href="http://patschwork.npage.de/impressum_51977037.html">Impressum</a></td>
    </tr>

    </tbody>

    </table>

    </div>

    <div id="balken">

    </div>

    <div id="middle">

    <div id="container">

    <div id="content">

    <!-- Hier das Skript Teillen  -->

    </div>
                                <!-- #content-->
    </div>
                                <!-- #container-->

    <div class="sidebar" id="sideLeft">

  <div class="navi">

<ul>
           <li><span style="font-family:'Times New Roman',Times,serif; color: #DFC382; font-weight:bold; font-size:18px"><u>Holzdecko</u></span></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Buchstaben</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Zahlen</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Schlüsselbretter</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Aufsteller</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Tierzubehör</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Sonstiges</a></li>
          <li><h4></h4></li>
        </ul>

    <ul>
      <li><span style="font-family:'Times New Roman',Times,serif; color: #DFC382; font-weight:bold; font-size:18px"><u>Malerei</u></span></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Acryl</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Pastell</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Ölpastell</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Monochrome</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Illustration</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Sonderwünsche?</a></li>
            <li><h4></h4></li>
          </ul>


    <ul>
      <li><u><span style="font-family:'Times New Roman',Times,serif; color: #DFC382; font-weight:bold; font-size:18px"><u>Textilien</u></span></u></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Hundemäntel</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Taschen</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Handytaschen</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Tischdecken</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Bezüge</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Sonstiges</a></li>
            <li><h4></h4></li>
          </ul>

    <ul>
          <li><span style="font-family:'Times New Roman',Times,serif; color: #DFC382; font-weight:bold; font-size:18px"><u>SALE%</u></span></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• B-Ware</a></li>
          <li><a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">• Sonderangebote</a></li>
            <li><h4></h4></li>
          </ul>


    <ul>
          <li><span style="font-family:'Times New Roman',Times,serif; color: #DFC382; font-weight:bold; font-size:18px"><u>Sonderwünsche?</u></span></li>
          <li><a href="http://patschwork.npage.de/kontakt.html" id="menulink">» Kontaktieren</a></li>
            <li><h4></h4></li>
          </ul>

    </div></div>  </div>
                              <!-- .sidebar#sideLeft -->


                              <!-- #middle-->
    <div id="balken">
      </div>
    <div id="footer"> <div id="footerbild">
                <br>
                  <a href="http://patschwork.npage.de/willkommen_85001094.html" style="color: #775121">PatschWorks</a> | <a href="http://patschwork.npage.de/kontakt.html" style="color: #775121">Kontakt</a> | <a href="http://patschwork.npage.de/impressum_51977037.html" style="color: #775121">Impressum</a>
                </center>
                </div>  </div><!-- #footer -->

    </div><!-- #wrapper -->

    </body>
    </html>

huhu moni,

sei mir nicht böse, aber ich habe bereits alle links zu den textseiten eingefügt :M
I
ch glaube ich habe ein ganz anderes problem

. Habe soeben mit meiner nachbarin telefoniert und ihr mal die seite durchgegeben.
Sie findet sie wirklich sehr schön. Allerdings stört es sie, dass man nach rechts scrollen muss

. Sie nutzt einen 19" Monitor. Kann
es daran liegen? Ich hab hier ein Monsterbildschirm und seh alles komplett plus rechts und links zusätzlich 30 cm.

Ich habe schon versucht es schmaler zu machen, aber das ergebnis ist dann unschön. alles verschoben usw.

http://patschwork.npage.de/zum-shop_59501426.html

wo stelle ich denn die breite genau ein bzw. welche breite muss ich einstellen?
header, main und footer und die obere Navi sind mir eigentlich klar. Aber egal was ich mache, es verschiebt sich alles

header

Code: Alles auswählen

          <!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">
            <head>

                <title>PatschWorks</title>

        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta name="description" content="" />
        <meta name="author" content="" />
        <meta name="keywords" content="" />
        <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />

        <style type="text/css">

        * {
        margin: 0;
        padding: 0;
        }

        h1 {
        h1 font-family: 'Buda', arial, serif;
        font-size: 20px;
        color: #FFF111;
        }

        h2 {
        font-family: 'Buda', arial, serif;
        font-size: 20px;
        color: #000000;
        }
    h4{

        font-family:'Times New Roman',Times,serif;
        color: #DFC382;
        font-weight:bold;
        text-decoration: underline;
        font-size:18px
    }
        a:link {
        font-family: 'Buda', arial, serif;
        color:#B19667;
        font-size:16px;
        text-decoration:none
        }

        a:visited {
        font-family: 'Buda', arial, serif;
        color:#B19667;
        font-size:16px;
        text-decoration:none
        }

        a:active {
        buda;color:#775121;
        font-size:16px;
        text-decoration:none
        }

        a:hover {
        font-family: 'Buda', arial, serif;
        color:#9b1515;
        font-size:16px;
        text-decoration:none
        }


        body {
        background-image:url(http://file1.npage.de/009238/11/bilder/hg_braun1.gif);
        background-repeat: repeat;
        background-attachment: fixed;
        background-position: center center;
        background-color: #D1CCBD;
        font-family: 'Buda', arial, serif;
        font-size: 16px;
        }

        p {
        margin: 0 0 18px
        }

        #wrapper {
        width: 1080px;
        margin: 0 auto;
        margin-left: auto;
        background-color:transparent;
        background-repeat: repeat;
        }

            /* Header
            -----------------------------------------------------------------------------*/

        #header {
        height: 220px;
        width: 900px;
        background-color:transparent;
        background-image: url(http://file1.npage.de/009238/11/bilder/header_2011.gif);
        color: #CCC;
        margin-top: 30px;
        margin-bottom: 0px;
        margin-left: 180px;
        border-width: 5px;
        border-style: solid;
        border-color: #775121;
        padding: 0px;
        }

        #balken {
        height: 30px;
        width: 900px;
        background-color: transparent;
        background-image: url();
        background-repeat: repeat;
        margin-left:180px;
        text-align: right;
        }

        #balken1 {
        height: 30px;
        width: 900px;
        background-color: transparent;
        background-image: url();
        background-repeat: repeat;
         margin-left:180px;
        }
          
        #balken2 {
        height: 60px;
        width: 900px;
        background-color:transparent;
        background-image: url();
        background-repeat: repeat;
        margin-left:180px;
        }
            
          /* navi  Oben
            ---------------------------------------------------------------*/

        .menuoben {
        display: block;
        width: 147px;
        height: 30px;
        line-height: 25px;
        text-align: center;
        text-decoration: none;
        font-family: 'Buda', arial, serif;
        font-size: 14px;
        color: #999999;
        background-color: #775121;
        background-image: url();
        border: solid 1px #B19667;

        }

        .menuoben:hover {
        display: block;
        width: 147px;
        height: 30px;
        line-height: 25px;
        text-align: center;
        text-decoration: none;
        font-family: 'Buda', arial, serif;
        font-size: 14px;
        color: #775121;
        background-color: #B19667;
        background-image:  url(http://file1.npage.de/008528/63/bilder/button_gross_2.png);
        border: solid 1px #775121;
        margin-bottom: 0px;
        }

            /* Navi Links
            -------------------------------------- */
        #navi {

                width: 150px;
                background-color: transparent;
                margin-left: -230px;
                }

                #menulink {
                display: block;
                width: 150px;
                height: 20px;
                line-height:18px;
                text-align: left;
                text-decoration: none;
                font-family: 'Buda', arial, serif;
                font-size: 15px;
                color: #DFC382;
                background-color:transparent ;

                }

                #menulink:hover {
                display: block;
                width: 150px;
                height: 20px;
                line-height:18px;
                text-align: left;
                text-decoration: none;
                font-family: 'Buda', arial, serif;
                font-size: 15px;
                color: #DFDE9C;
                background-color:transparent ;

                }



            /* Middle
            -----------------------------------------------------------------------------*/

        #middle {
        width: 900px;
        height: 1%;
        position: relative;
        }

        #middle:after {
        content: '.';
        display: block;
        clear: both;
        visibility: hidden;
        height: 0;
        }

        #container {
        width: 900px;
        float: left;
        }

        #content {
        width: 870px;

        padding-top: 15px;
        padding-right: 15px;
        padding-left: 15px;
        padding-bottom: 15px;         
        margin-left: 180px;
        border-width: 5px;
        border-style: solid;
        border-color: #775121;
        background-image: url(http://file1.npage.de/009238/11/bilder/hg_2.jpg);
        background-repeat: repeat;
        }


            /* Sidebar Left
            -----------------------------------------------------------------------------*/
        
        #sideLeft {
        float: left;
        width: 180px;
        margin-left: -100%;
        position: relative;
        background:transparent;
        }

            /* Footer
            -----------------------------------------------------------------------------*/

        #footer {
        width: 900px;
        height: 60px;
        font-family: 'Buda', arial, serif;
        font-size: 16px;
        color: #775121;
        background-color: transparent;
        background-image: url(http://file1.npage.de/009238/11/bilder/hg_2.jpg);
        border-width: 5px;
        border-style: solid;
        border-color: #775121;
        margin-bottom: 35px;          
        margin-right: 180px;
        padding: 0px;
        }

        </style>
        </head>

        <body>

        <div id="wrapper">

        <div id="header">

        </div>
                                 <!-- #header-->
        <div id="balken1">

        <table align="center" border="0">

        <tbody>

        <tr>

        <td><a class="menuoben" href="http://patschwork.npage.de/willkommen_85001094.html">Start</a></td>

        <td><a class="menuoben" href="http://patschwork.npage.de/wir_sind_52795711.html">wir sind...</a></td>

        <td><a class="menuoben" href="http://patschwork.npage.de/zum-shop_59501426.html">zum Shop</a></td>

        <td><a class="menuoben" href="http://patschwork.npage.de/guestbook.html">Gästebuch</a></td>

        <td><a class="menuoben" href="http://patschwork.npage.de/kontakt.html">Kontakt</a></td>

        <td><a class="menuoben" href="http://patschwork.npage.de/impressum_51977037.html">Impressum</a></td>
        </tr>

        </tbody>

        </table>

        </div>

        <div id="balken">

        </div>

        <div id="middle">

        <div id="container">

        <div id="content">

        <!-- Hier das Skript Teillen  -->

footer

Code: Alles auswählen

 </div>
                                    <!-- #content-->
        </div>
                                    <!-- #container-->

        <div class="sidebar" id="sideLeft">

      <div class="navi">

    
              <span style="font-family:'Times New Roman',Times,serif; color: #DFC382; font-weight:bold; font-size:18px"><u>Holzdecko</u></span>
              <a href="http://patschwork.npage.de/buchstaben_60635368.html" id="menulink">Buchstaben</a>
              <a href="http://patschwork.npage.de/zahlen_82515377.html" id="menulink">Zahlen</a>
              <a href="http://patschwork.npage.de/schluesselbretter_48428152.html" id="menulink">Schlüsselbrettchen</a></li>
              <a href="http://patschwork.npage.de/aufsteller_97420382.html" id="menulink">Aufsteller</a></li>
              <a href="http://patschwork.npage.de/tierzubehoer_97970107.html" id="menulink">Tierzubehör</a></li>
              <a href="http://patschwork.npage.de/kleiner-helferlein_76169103.html" id="menulink">kleine Helferlein</a></li>        
              <a href="http://patschwork.npage.de/sonstiges-holz_81527890.html" id="menulink">Sonstiges</a></li><br>
             
            

        
              <span style="font-family:'Times New Roman',Times,serif; color: #DFC382; font-weight:bold; font-size:18px"><u>Malerei</u></span>
              <a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">Acryl</a></li>
              <a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">Pastell</a></li>
              <a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">Ölpastell</a></li>
              <a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">Monochrome</a></li>
              <a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">Illustration</a></li>
              <a href="http://patschwork.npage.de/willkommen_85001094.html" id="menulink">Sonderwünsche?</a></li><br>
            
              


        
              <span style="font-family:'Times New Roman',Times,serif; color: #DFC382; font-weight:bold; font-size:18px"><u>Textilien</u></span>
              <a href="http://patschwork.npage.de/hundemaentel_85488568.html" id="menulink">Hundemäntel</a></li>
              <a href="http://patschwork.npage.de/taschen_84474534.html" id="menulink">Taschen</a></li>
              <a href="http://patschwork.npage.de/handytaschen_48005481.html" id="menulink">Handytaschen</a></li>
              <a href="http://patschwork.npage.de/tischdecken_65026601.html" id="menulink">Tischdecken</a></li>
              <a href="http://patschwork.npage.de/bezuege_7271418.html" id="menulink">Bezüge</a></li>
              <a href="http://patschwork.npage.de/sonstiges-textilien_21581689.html" id="menulink">Sonstiges</a></li><br>
              
              

        
              <span style="font-family:'Times New Roman',Times,serif; color: #DFC382; font-weight:bold; font-size:18px"><u>Weiteres</u></span>
              <a href="http://patschwork.npage.de/sonderangebote_25748876.html" id="menulink">Sonderangebote</a></li>
              <a href="http://patschwork.npage.de/aktionen_1552371.html" id="menulink">Aktionen</a></li>                
              <a href="http://patschwork.npage.de/b-ware_30819956.html" id="menulink">B-Ware</a></li>
              <a href="http://patschwork.npage.de/sonderwuensche_32068975.html" id="menulink">Sonderwünsche</a></li>
            




        </div></div>
                                  <!-- .sidebar#sideLeft -->
          </div>

                                  <!-- #middle-->
        <div id="balken1">
          </div>
         <div id="balken2"> <div id="footer">  <center>
                    <br>
                      <a href="http://patschwork.npage.de/willkommen_85001094.html" style="color: #775121">PatschWorks</a> | <a href="http://patschwork.npage.de/kontakt.html" style="color: #775121">Kontakt</a> | <a href="http://patschwork.npage.de/impressum_51977037.html" style="color: #775121">Impressum</a>
                    </center>
                    </div> </div><!-- #footer -->

        </div><!-- #wrapper -->

        </body>
        </html>

also bei mir braucht man nicht seitlich scrollen...nur ich sehe halben hedaer bei dir und die inhalt ist viel zu breit !!

Bild

Das ist deine HP auf meinen PC

Bild

Das ist das was ich auf meine Test Seite gemacht habe ...das letzte Skript! ...

aha und habe 1280 mal 1024 Auflösung

Funktioniert einwandfrei, mein Laptop ist auch nur 1280

HomepageHelfer.org

benötige dringend hilfe......:-(

Re: benötige dringend hilfe......:-(

Re: benötige dringend hilfe......:-(

Re: benötige dringend hilfe......:-(

Re: benötige dringend hilfe......:-(

Re: benötige dringend hilfe......:-(

Re: benötige dringend hilfe......:-(

Re: benötige dringend hilfe......:-(

Re: benötige dringend hilfe......:-(

Re: benötige dringend hilfe......:-(

Re: benötige dringend hilfe......:-(