ugrás a tartalomhoz

Firefox DIV elcsúszás

walko · 2009. Dec. 8. (K), 15.12
Sziasztok,

Abban a feladatnak a megoldásában szeretném a segítségeteket kérni, hogy adott egy html oldal, és abban egy container div. Ebbe pakolnék be egymás mellé két kisebb divet, de a FF a jobb szélén kihagy 1-2 pixel helyet.
Google jóbarát tudom, de nem találtam megoldást rá.
A html rész:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
  2. <html>  
  3.     <head>  
  4.         <meta http-equiv="Cache-Control" content="no-cache">  
  5.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  6.         <meta http-equiv="Lang" content="hu">  
  7.          
  8.     <title>Üdvözöljük</title>  
  9.   
  10.         <link rel="stylesheet" type="text/css" href="default.css">  
  11.          
  12.     </head>  
  13.       
  14. <body>  
  15.     <div class="content">  
  16.         <div class="logo">  
  17.             Mérete: 100px * 800px  
  18.         </div>  
  19.   
  20.         <div class="menu">  
  21.             Mérete: 200px * 250px  
  22.         </div>  
  23.   
  24.         <div class="actual">  
  25.             Mérete: 200px * 540px  
  26.         </div>  
  27. ...  
és a hozzá tartozó css:
  1. body  
  2. {  
  3.     background-color: white;  
  4.     margin: 0px;  
  5.     font-family: Verdana;  
  6.     font-size: 12px;  
  7.     color: #06F;  
  8.     zoom: 1;  
  9.     text-align: center;  
  10.     min-height: 800px;  
  11.     min-width: 960px;  
  12.     padding: 0px;  
  13. }  
  14.   
  15. h2  
  16. {  
  17.     font-family: Times New Roman;  
  18.     font-weight: 200;  
  19.     font-size: 32px;  
  20.     color: #33C;  
  21. }  
  22.   
  23. /* 
  24. * DIV SECTION 
  25. */  
  26. .content  
  27. {  
  28.     width: 800px;  
  29.     margin: 0 auto;  
  30.     text-align: center;  
  31. }  
  32.   
  33. .logo  
  34. {  
  35.     border: 1px solid black;  
  36.     width: 800px;  
  37.     height: 100px;  
  38. }  
  39.   
  40. .menu  
  41. {  
  42.     border: 1px solid black;  
  43.     margin-top: 5px;  
  44.     float: left;  
  45.     width: 250px;  
  46.     height: 200px;  
  47. }  
  48.   
  49. .actual  
  50. {  
  51.     border: 1px solid black;  
  52.     margin-top: 5px;  
  53.     left: 260px;  
  54.     float: right;  
  55.     width: 540px;  
  56.     height: 200px;  
  57. }  
  58. ...  
Váalszotokat előre is köszönöm.
‹ Időzítés helyett gombnyomás ajax oldal idegen nyelvű elérésének biztosítása ›
 ■
1

Firebug-ot felteszed ->

Tanul0 · 2009. Dec. 8. (K), 17.47
Firebug-ot felteszed -> http://getfirebug.com/

Azzal meg tudod nézni hol a probléma, a "html" fül, majd jobb oldalt "elrendezés"
2

köszi

walko · 2009. Dec. 8. (K), 18.25
Köszönöm a segítséget.
Érdekes jelenségre lettem figyelmes. Ha a teljes szélességben csak egy div van, akkor a border hozzáadódik a teljes szélességhez, ellenben ha több div osztozik a teljes szélességen, akkor viszont nem, tehát ezért volt a 2 px elcsúszás.

Köszönöm még egyszer. :)