Hvorfor denne sprekken? (CSS) [LØST]

kroekkete · 6. november 2004

Hei, er det noen som kan forklare meg hva sprekken jeg får i eksperimentet her skyldes?

CSS-fila ser slik ut:

#beholder           {width: 800px;
                            margin: 10px auto;
                            margin-top: 10px;
                            padding-top: 0px;}

#bilde                 {width: 800px;
                           height: 125px;
                           background-image: url(hcomlogo1.jpg);
                           margin-bottom: 0px;
                           padding-bottom: 0px;}

#innhold              {margin-left: 158px;
                           margin-right: 15px;
                           margin-top: 0em;
                           background-image: url(hcombunn1.jpg);
                           background-repeat: no-repeat;}

#venstrepanel      {float: left;
                           width: 160px;
                           margin: 0;
                           padding: 0;
                            background-image: url(meny.jpg);}


/*Classes---------------------------------------------------------------------*/

.bk                      {font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif;
                           font-size: 0.7em;
                           line-height: 1.2em;
                           font-style: italic;
                           text-align: right;
                           color: #661512;
                           padding: 2.5em;}

Bildefilene har følgende mål (bredde x høyde):

#bilde: hcomlogo1.jpg: 800x125 pxl

#innhold: hcombunn1.jpg: 631x439 pxl

#venstrepanle: meny.jpg: 158x477 pxl

Her er index.php:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Haagenrud.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" media="all" href="http://haagenrud.com/assets/style.css">
</head>

<body>


   <div id="beholder">

       <div id="bilde"><BR><BR><BR><BR><BR>
        <span class ="bk">	<?php echo date("d.m.Y") ?> </span>
       </div>

    <div id="venstrepanel">
       <BR><BR><BR><BR><BR>.<BR><BR><BR><BR><BR>. <BR><BR><BR><BR><BR>.
    </div>


       <div id="innhold">
        <BR><BR><BR><BR><BR>.<BR><BR><BR><BR><BR>. <BR><BR><BR><BR><BR>.  <BR><BR><BR><BR>. <BR><BR><BR><BR>.
       </div>

   </div>
</body>
</html>

Takknemlig for alle innspill!

Mvh Primaxx

PS! Har for øvrig sprekken både i Opera (7.54) og IE6...

Endret 6. november 2004 av primaxx

Simon Zimmermann · 6. november 2004

Bildene dine passer egentlig ikke sammen.

HTML

Mappe

Arve Systad · 6. november 2004

og for guds skyld, fjern alle <br> elementer.

Simon Zimmermann · 6. november 2004

@arve87: hvis du hadde tatt en titt på HTML jeg ga han så ville du sett at det allerede er gjort.

kroekkete · 6. november 2004

Takker og bukker!

Nei, jeg vet bildene ikke passer helt sammen. Akkurat den biten var hastverksarbeid. Det er prinsippet bak jeg var på jakt etter! :-)

Endret 6. november 2004 av primaxx

Logg inn

Hvorfor denne sprekken? (CSS) [LØST]

Anbefalte innlegg

kroekkete

Videoannonse

Simon Zimmermann

Arve Systad

Simon Zimmermann

kroekkete

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer