CSS menü verschoben mit streifen

Dieses Thema im Forum "Webdesign" wurde erstellt von everniZe, 10. August 2009 .

  1. 10. August 2009
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    hallo zusammen, anbei ist ein Archiv mit der Seite die ich gerade machen will....

    ich bekomme es nicht hin...

    oben links muss noch ein Menü hin (bei dem Weißen Streifen der runter kommt)
    aber ich kriege es nciht hin, wenn ich es setzt ist die ganze seite wieder verschoben....

    Bitte um eure Hilfe..

    No File | xup.in

    Hoffe ihr könnt mir helfen....

    in der Mitte muss halt der Content sein (wobei das Linke bild immer zentriert im weißen sein muss und der text muss auch etwa in der Mitte des weißen feldes sein...)

    und halt oben links das verticale menü mit 5 punkten an der weißen linie entlang....

    ich bin gerade am verzweifeln..... tabellen designen war so schön.... -.-
     
  2. 10. August 2009
    AW: CSS Hilfe... Bekomme es nicht hin

    Also wenn du das hier machen lässt lernst du es ja nicht.
    ich kann dir da nur tutorials und google empfehlen. anfangs hatte ich mit xhtml und css auch viele problemchen weil ich noch tabellen-layout-verwöhnt war, aber mit der zeit peilst du es. Geduld..
     
  3. 10. August 2009
    AW: CSS Hilfe... Bekomme es nicht hin

    Mh danke für die Links, aber brauche das halt doch relativ fix werde mir die links auch angucken aber wäre gut wenn jemand mir den/die fehler nennen könnte.

    wenn ich dann den quellcode angucke sehe ich ja auch schon den unterschied zu meinem davor und lerne dadurch.
     
  4. 11. August 2009
    AW: CSS menü verschoben mit streifen

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Unbenanntes Dokument</title>
    </head>
    <style type="text/css">
    html
    {
     height:100%;
     width:100%;
    }
    
    body
    {
     background:url("bgpage.png") #62a2c6 no-repeat scroll 50% 0;
     color:#053D63;
     font-family:Arial, Helvetica, sans-serif;
     font-size:11px;
     height:100%;
     line-height:1.3;
     margin:0 ;
     padding:0;
     position:relative;
     text-align:center;
     width:100%;
    }
    
    .main {
    width:851px; 
    height:600px; 
    text-align:left;
    margin:auto;
    padding-left:23px;
    position: relative;
     }
    .ueberschrift {
     font-size: 18px;
     font-weight: bold;
     line-height: 25px;
     padding-top:0px;
     font-family: arial;
    }
    .text {
     font-size: 17px;
     font-weight: 500;
     line-height: 19px;
     padding-top: 200px;
     font-family: arial;
    }
    .Stil1 {
     color: #FFFFFF;
     font-size: 15px;
     line-height:25px;
     padding-left:5px;
    }
    li {margin-bottom:10px; padding-bottom:10px;}
    </style>
    <body>
    <head>
    
    <body>
    <div style="text-align:center">
    <div class="main">
     <table width="851" border="0" cellspacing="0" cellpadding="0">
     <tr>
     <th width="293" height="284" align="left" valign="top" scope="row">
     <div style="width:280px;padding-left:1px;height:245px;">
     <ul style="list-style:none;margin-left: 0; padding-left: 0; margin-top:26px; padding-top:27px;">
     <li><img src="beratung_tru.png" width="258" height="20"/> </li>
     <li><img src="beratung_tru.png" alt="" width="258" height="20" /></li>
     <li><img src="beratung_tru.png" alt="" width="258" height="20" /></li>
     <li><img src="beratung_tru.png" alt="" width="258" height="20" /></li>
     <li><img src="beratung_tru.png" alt="" width="258" height="20" /></li>
     </ul>
     </div> </th>
     <td width="558" height="284" valign="top">&nbsp;</td>
     </tr>
     <tr>
     <th width="293" height="316" align="left" valign="middle" bgcolor="#99FF00" scope="row">gdfgdfg</th>
     <td height="316" valign="top" bgcolor="#99FF00">dfgdgdfgdgdfgfd</td>
     </tr>
     </table>
     </div>
     </div>
    </div>
    </body>
    </html>
    
    hallo zusammen, hier der code wie ich ihn habe, soweit ist auch so alles top!
    nur in firefox verschiebt sich der <div> wenn man das fenster kleiner macht.
    im Internetexplorer nicht.

    Weiß nicht woran das liegt?!
     
  5. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.