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:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <meta http-equiv="Cache-Control" content="no-cache">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta http-equiv="Lang" content="hu">
       
    <title>Üdvözöljük</title>

        <link rel="stylesheet" type="text/css" href="default.css">
       
    </head>
    
<body>
    <div class="content">
        <div class="logo">
            Mérete: 100px * 800px
        </div>

        <div class="menu">
            Mérete: 200px * 250px
        </div>

        <div class="actual">
            Mérete: 200px * 540px
        </div>
...
és a hozzá tartozó css:

body
{
    background-color: white;
    margin: 0px;
    font-family: Verdana;
    font-size: 12px;
    color: #06F;
    zoom: 1;
    text-align: center;
    min-height: 800px;
    min-width: 960px;
    padding: 0px;
}

h2
{
    font-family: Times New Roman;
    font-weight: 200;
    font-size: 32px;
    color: #33C;
}

/*
* DIV SECTION
*/
.content
{
    width: 800px;
    margin: 0 auto;
    text-align: center;
}

.logo
{
    border: 1px solid black;
    width: 800px;
    height: 100px;
}

.menu
{
    border: 1px solid black;
    margin-top: 5px;
    float: left;
    width: 250px;
    height: 200px;
}

.actual
{
    border: 1px solid black;
    margin-top: 5px;
    left: 260px;
    float: right;
    width: 540px;
    height: 200px;
}
...
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. :)