Ergebnis 1 bis 2 von 2

Thema: CSS Firefox und Bildschirmauflösung

  1. #1
    Youngster
    Registriert seit
    22.05.2007
    Beiträge
    13
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard CSS Firefox und Bildschirmauflösung

    Hallo ich habe das Problem, das meine HTML site und das mit meinem CSS bei einer 1024 auflösung ganz nett dargestellt wird. Wen ich jedoch die Bildschirmauflösung z.B. auf 1152x864 stelle verschiebt sich mein dargstelltes Formular nach unten.

    HTML:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http&#58;//www.w3.org/1999/xhtml" lang="de">
      <head><meta http-equiv="Content-type" content="text/html ; CHARSET=iso-8859-1"/>
        <title>TestRegistrierung</title>
        <link rel="stylesheet" type="text/css" href="css/basic.css" media="screen"/>
      </head>
      <body color="ffffff">
       <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http&#58;//www.w3.org/1999/xhtml" lang="de">
      <head><meta http-equiv="Content-type" content="text/html ; CHARSET=iso-8859-1"/>
        <title>Test Registrierung</title>
        <link rel="stylesheet" type="text/css" href="css/basic.css" media="screen"/>
      </head>
      <body color="ffffff">
      
        <div id="header">
    		 <h1>Agent Pepper</h1>
        </div>
           
        <div id="navigation">
    	  <ul id="mainnavi">[*]
                  Start
                [*]
                  &Uuml;ber uns
                [*]
                  Registrierung
                [*]
                  Impressum
                [*]
                  Kontakt
                [*]
                  Login
    	     
              <ul>                
        </div>
        <div id="sidebar">
        
        </div>
        <div id="content">
          <div id="formset">
            <form action="register.php" method="post">
              <fieldset><label>Pers&ouml;hnliche Daten</label> 
              <table border="1" width="400px" cellpadding="0" cellspacing="2" border="0" class="maintext">
                <tr>
                  <td>
                   <table border="1" width="400px" cellpadding="0" cellspacing="2" border="0" class="maintext">
                     <tr>  
    	          <td align="left" width="150">Vertragsart</td>
                      <td width="133"><input type="radio" name="accountType" value="p">Privat</td>
    	          <td width="133"><input type="radio" name="accountType" value="f">Firma</td> 	
    	         </tr>
                   </table>
                  </td>
                 </tr>
                 <tr>
                   <td>
                     <table border="1" width="400px" cellpadding="0" cellspacing="2" border="0" class="maintext">
                       <tr>
                         <td align="left">
                           <select name="user_title" size="1">
    		         <option selected>Herr</option>
    		         <option>Frau</option>
    	               </select>	
                         </td>
                       </tr> 
                     </table>
                   </td> 
                 <tr/>
                 <tr>
                   <td align="left">
                     <table border="1" width="400px" cellpadding="0" cellspacing="2" border="0" class="maintext">
                       <tr>
                         <td align="left" >
                            Vorname&#58;
    
    	        	<input name="vorname" value="" size="25" type="text" class="maintext"/>
    		    <td align="left" width="*">
                            Nachname&#58;
    	
    		        <input name="nachname" value="" size="25" type="text" class="maintext"/>
                        </td>
                       </tr>
                     </table>
                   </td>
                 </tr>
                 <tr>
                   <td>
                     <table border="1" width="400px" cellpadding="0" cellspacing="2" border="0" class="maintext">
                         <tr>
                           <td align="left" >Firma&#58;
    
            	         <input name="firmenname" value="" size="25" type="text" class="maintext"/>
                           </td>
                          </tr>
                      </table>
    	       </td>	
                 </tr> 
                 <tr>
                   <td>
                     <table border="1" width="400px" cellpadding="0" cellspacing="2" border="0" class="maintext">
                       <tr>
                         <td align="left" >
                           Geburtsdatum&#58; &#40;TT.MM.JJJJ&#41;
    
    						
    							<select class="maintext" name="geburtstag">
    								<option value="">--</option>
    								 
    								<option value="01" >01</option>
    
    								
    								<option value="02" >02</option>
    								
    								<option value="31" >31</option>
    
    								
    							</select>   
    							<select class="maintext" name="geburtsmonat">
    								<option value="">--</option>
    								 
    								<option value="01" >01</option>
    																
    								<option value="12" >12</option>
    								
    							</select>
    							<select class="maintext" name="geburtsjahr">
    								<option value="">--</option>
    								 
    
    								<option value="1989" >1989</option>
    								
    
    								<option value="1900" >1900</option>
    								
    							</select>							
    					  
                         </td>   
                       </tr>
                     </table>
                   </td> 
                 </tr>
                 <tr>
                   <td>
                     <table border="1" width="400px" cellpadding="0" cellspacing="2" border="0" class="maintext">
                       <tr>
                         <td align="left" >
                           Passwort&#58;
    
    		       <input name="pass" value="" size="25" type="password" class="maintext"/>
                         </td>
                         <td align="left" width="*">
                         	Passwort best&auml;tigen&#58;
    
                            <input name="conf" value="" size="25" type="password" class="maintext"/>
                         </td> 
                       </tr>
                     </table>
                   </td> 
                 </tr>  
              </table>
            </fieldset>
            
    
    
            <fieldset><label>Adresse</label>
              <table border="1" width="400px" cellpadding="0" cellspacing="2" border="0" class="maintext">
                <tr>
                  <td align="left">Stra&szlig;e / Hausnr&#58;</td>
    	      <td align="left">PLZ / Ort&#58;</td>
                </tr>
                <tr>
                  <td align="left">
                    <input name="strasse" maxlength="25" value="" size="14" type="text" class="maintext" />
    		<input name="hausnr" maxlength="25" value="" size="5" type="text" class="maintext" />
                  </td>
                  <td align="left">
                    <input name="plz" maxlength="5" value="" size="5" type="text" class="maintext" />
                    <input name="ort"  value="" size="14" type="text" class="maintext" />
                  </td>    
                </tr> 
              </table>
            </fieldset>
            
    
    
             <fieldset><label>Telefon/Fax und E-Mail</label> 
               <table border="1" width="400px" cellpadding="0" cellspacing="2" border="0" class="maintext">
                 <tr>
                   <td align="left" >
                     Email&#58;
    
    		<input name="mail" value="" size="25" type="text" class="maintext"/>
                   </td>
                   <td align="left" width="*">
                     Telefon&#58;
    	
    		  <input name="tel" value="" size="25" type="text" class="maintext"/>
                   </td>
                 </tr>
                 <tr>
                   <td align="left" >
                     Email wiederholen&#58;
    
    		 <input name="emailconf" value="" size="25" type="text" class="maintext"/>
    		<td align="left" width="*">
                      Fax&#58;
    	
    		  <input name="fax" value="" size="25" type="text" class="maintext"/>
                   </td>
                 </tr> 
               </table>
             </fieldset>
              
    
    
            <fieldset><label>Absenden</label>
              <table border="1" width="400px" cellpadding="0" cellspacing="2" border="0" class="maintext">
                <tr>
                  <td>
                    <input type="submit" name="senden" value="Absenden"/>
                  </td>
                  <td>
                    <input type="reset" name="reset" value="Eingaben l&ouml;schen"/>
                  </td>
                </tr>
              </table>
            </fieldset>  	   
            </form>   
           </div>  
         </div>
    </body>
    </html>
    CSS:
    Code:
    #body &#123;
    font-size&#58; 85%;
    font-famliy&#58; 'Trebuchet MS', Verdana, Arial, Sans-Serif;
    text-align&#58; center;
    &#125;
    
    #wrap &#123;
    width&#58; 900px;
    margin&#58; 0 ;
    text-align&#58; center;
    &#125;
    
    #formset&#123;
    width&#58; 900px;
    margin&#58; 0 ;
    text-align&#58; left;
    &#125;
    
    #header &#123;
    float&#58; left;
    width&#58; 900px;
    height&#58; 100px;
    text-align&#58; center;
    border-top&#58; 1px solid #999;
    &#125;
    
    #navigation &#123;
    float&#58; left;
    width&#58; 900px;
    height&#58; 50px;
    border-bottom&#58; 1px solid #999;
    border-top&#58; 1px solid #999;
    top&#58;0px;
    left&#58;0px;
    background-color&#58;rgb&#40;100,180,250&#41;;
    z-index&#58;1;
    &#125;
    
     
            
    
    #sidebar &#123;
    float&#58; left;
    width&#58; 150px;
    height&#58; 400px;
    top&#58; 0;
    
    &#125;
    
    #content &#123;
    float&#58; left;
    width&#58; 700px;
    height&#58; 400px;
    border-right&#58; 1px solid #999;
    border-left&#58; 1px solid #999;
    top&#58; 0;
    &#125;
    
    #current &#123;
      background&#58; url&#40;bg_menuitem.gif&#41;
      #979797 repeat-x 0px -160px;
      color&#58; #fff;
      cursor&#58; default;
      padding&#58; 0 15px;
    &#125;
    
    
    #mainnavi li &#123;
      border-right&#58; 1px solid #676767;
      display&#58; inline;
    &#125;
    
    #mainnavi li a &#123;
      color&#58; #fff;
      padding&#58; 0 15px;
      text-decoration&#58; none;
    &#125;
    
    #mainnavi li a&#58;hover &#123;
      background&#58; url&#40;bg_menuitem.gif&#41;
      #676767 repeat-x 0px -80px;
      text-decoration&#58; none;
    &#125;
    
    #form &#123;
    text-align&#58;left;
    width&#58;700px;
    &#125;
    
    
    
    
    
    
    #navigation ul &#123;
    list-style-type&#58; none;
    &#125;
    
    #navigation ul li &#123;
    display&#58; inline;
    &#125;
    
    
    h1, h2, h3, h4, h5, h6 &#123;
    margin&#58; 20px;
    &#125;
    
    p.boxtext &#123;
    
    border&#58; 1px solid #000;
    padding&#58; 5px;
    
    &#125;
    
    p &#123;
    margin&#58; 15px 20px;
    &#125;
    
    #list &#123;
    list-style-position&#58;outside;
    &#125;
    
    form &#123;
    width&#58;500px;
    &#125;
    
    #person label &#123;
    display&#58;block;
    font-weight&#58; bold;
    text-align&#58;left;
    &#125;
    
    #aktivierung label &#123;
    display&#58;block;
    font-weight&#58; bold;
    &#125;
    
    #login label &#123;
    display&#58;block;
    font-weight&#58; bold;
    &#125;
    
    fieldset &#123; 
     border&#58; 1px solid #dbd; 
     width&#58;650px; 
     background&#58; #fafafa; 
     &#125; 
     
     .fieldset_2 &#123; 
     border&#58; 1px solid #dbd; 
     width&#58;625px; 
     background&#58; #fafafa; 
     &#125;
    
    legend &#123;
    font-weight&#58; bold;
    font-size&#58; 120%;
    color&#58; #999;
    &#125;
    
    textarea &#123;
    width&#58; 425px;
    heigth&#58; 125px;
    &#125;
    
    a.navi,a.navi_first,a.navi_self&#123;
    display&#58;block;
    white-space&#58;nowrap;
    overflow&#58;hidden;
    border-left&#58;1px solid black;
    border-right&#58;1px solid black;
    border-bottom&#58;1px solid black;
    font-family&#58;Tahoma,sans-serif;
    font-size&#58;12px;
    font-weight&#58;bold;
    text-decoration&#58;none;
    letter-spacing&#58;0.1em;
    padding&#58;3px;
    text-align&#58;center;
    &#125;
    a.navi_first &#123;
    border-top&#58;1px solid black;
    &#125;
    
    a.navi&#58;link,a.navi&#58;link,a.navi&#58;visited,a.navi_first&#58;visited &#123;
    background-color&#58;rgb&#40;115,115,75&#41;;
    color&#58;white;
    &#125;
    
    a.navi_self&#58;link,a.navi_self&#58;visited &#123;
    background-color&#58;gray;
    color&#58;white;
    &#125;
    
    a.navi&#58;hover,a.navi_first&#58;hover,a.navi_self&#58;hover,a.navi&#58;active,a.navi_first&#58;active,a.navi_self&#58;active &#123;
    background-color&#58;white;
    color&#58;black;
    &#125;
    
    
    
    #navcontainer
    &#123;
    margin-left&#58; auto;
    margin-right&#58; auto;
    margin-bottom&#58; 40px;
    border-top&#58; 1px solid #999;
    z-index&#58; 1;
    &#125;
    Was kann ich dagegen mache. Ich habe doch egentlich alles mit absoluten Positionen festgelegt.

    Danke für den Tipp!

    P.S. Sorry für die langes Codes, wollte nur evtl wichtige Details nicht weglassen
    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
    Youngster
    Themenstarter

    Registriert seit
    22.05.2007
    Beiträge
    13
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Problem gelöst

Ähnliche Themen

  1. Bildschirmauflösung
    Von Loikaemie im Forum Computer - Internet Forum
    Antworten: 17
    Letzter Beitrag: 09.03.2006, 19:38
  2. Bildschirmauflösung
    Von Manuel0307 im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 14
    Letzter Beitrag: 04.12.2005, 11:11
  3. Bildschirmauflösung
    Von ::RMB:: im Forum Computer - Internet Forum
    Antworten: 11
    Letzter Beitrag: 24.05.2005, 18:38
  4. Browser & Bildschirmauflösung
    Von mihai im Forum HTML & CSS Forum
    Antworten: 12
    Letzter Beitrag: 25.09.2004, 04:35
  5. Bildschirmauflösung
    Von lucky2000 im Forum HTML & CSS Forum
    Antworten: 15
    Letzter Beitrag: 30.08.2003, 22:21

Stichworte

Berechtigungen

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