Divs, positionnement absolu, l'espace blanc

<body> 
    <div id="wrapper"> 
     <div id="title"></div> 
     <div id="mainimage"> 
      <img src="mainimage.jpg" /> 
     </div> 
    </div> 
    <div style="width:50%;"> 
     content here... 
    </div> 
</body>

http://susiebushphotography.com/about.html Divs, positionnement absolu, l'espace blanc

grâce à la communauté ici im commencent à apprendre à ne pas utiliser absolue mais au positionnement de la mise en page a été fait par quelqu'un avant de commencer est ici-- donc il un moyen facile d'enlever l'espace blanc ci-dessous le lion afin que je puisse l'utiliser comme la page ABOUT? ou dois-je refaire toute la mise en page CSS?

grâce

Source

2009-12-27 adam

le client le veut – adam

Essayez de remplacer l'original avec cette option pour supprimer l'espace en dessous du lion,

#wrapper { 
    position:relative; 
    margin: 0 auto 0 auto; 
    width: 685px; 
} 

#title{ 
    position:absolute; 
    top: 15px; 
    width: 235px; 
    height:265px; 
    background-image:url(title.jpg); 
    background-repeat:no-repeat; 
    display:block; 
} 

#mainimage{ 
    position:absolute; 
    top: 15px; 
    left: 235px; 
    width: 450px; 
    height:265px; 
    display:block; 
}

Ceci est juste un peu quickfix de choses, et un travail autour.

Remarque: Seulement essayé sur FF 3.5.6.

Source

2009-12-27 08:05:29

changer le fichier maître css ou le mettre quelque part dans la page à propos de? Si je le mets dans le fichier maître, cela affectera-t-il les autres pages? – adam

@adam: Oui, mettez-le uniquement dans l'en-tête de la page. –

@gs thanks-- j'ai marqué le q comme répondu et essayera et passerai - mais je ne pense pas que cela a fonctionné et im utilisant la bonne version de FF j'ai copié le code tel quel, dans l'en-tête puis j'ai marqué des étiquettes de style ci-dessus et ci-dessous-- ni rien changé – adam

Divs, positionnement absolu, l'espace blanc

Répondre

Questions connexes