Προς το περιεχόμενο

πρόβλημα με float

elis88

Από τον elis88
στο Web Design - Development

Προτεινόμενες αναρτήσεις

elis88 Proficient

elis88

Δημοσ.
Δημοσ.

Λοιπόν έχω το εξής πρόβλημα.

 

Στη σελίδα έχω ένα header από κάτω το κεντρικό τμήμα το χωρίζω σε τρία μέρη χρησιμοποιώντας float. Όταν όμως βάζω σε χρήση τα float δεν παίρνει το background που έχω ορίσει.

 

Ο κώδικας είναι ο παρακάτω:

 

html:

>
<body>

<div id="container">

   <div id="header">
   
   	<div id="logo">
  			<img src="header.gif" width="990"  alt=""/>
   	</div><!--logo-->
   
   
 	    <div id="menu1">
   		<a href=""> Item1 </a> | <a href="">Item 2</a> | <a href=""> Item 3 </a>
   	</div><!--menu1-->
   
   </div><!--header-->

   <div id="main">
   	
       
       <div id="latest1">
       	
            (KEIMENO)	   

       </div><!--latest1-->
       
       
       
       <div id="latest2">
       
       	
     (KEIMENO)
          
       </div><!--latest2-->
       
       
       
       <div id="latest3">
          
          (KEIMENO)
               
       </div><!--latest3-->
       
   </div><!--main-->
</div><!--container-->
</body>

 

CSS:

>
body
{
background-color:#616161
}
#header
{
text-align:center;
}

#logo
{
font-family:Verdana, Geneva, sans-serif;
}

#menu1
{
color:grey;
font-weight:bold;
border-top:solid 1px grey;
border-bottom:solid 1px grey;
width:138px;
float:right;
background-color:black;
margin:10px;

}

#container
{
width:990px;
margin-left:150px;
background-color:#000;
}


#menu1 a
{
color:#96F;
text-decoration:none;
}

#latest1
{
color:#06F;
}

#latest2
{
color:#96F;
}

#latest3
{
color:#C6F;
}
#latest1, #latest2, #latest3
{
width:300px;
float:left;
margin-left:30px;
}

#header
{
margin-bottom:50px;
}

 

ΥΓ. Παίζει μόνο σε internet explorer 7

mixalis8 Veteran

mixalis8

Δημοσ.
Δημοσ.

βαλε στο πριν το τελος αυτού του div... ένα άλλο div το οποιο εγώ συνήθως το κάνω class="clear" οπου στο css του δίνω την ιδιότητα clear="both"

elis88 Proficient

elis88

Δημοσ.
  • Μέλος
Δημοσ.
βαλε στο πριν το τελος αυτού του div... ένα άλλο div το οποιο εγώ συνήθως το κάνω class="clear" οπου στο css του δίνω την ιδιότητα clear="both"

 

Ευχαριστώ, με αυτό, το πρόβλημα λύθηκε στο firefox, αλλά στο google chrome δεν άλαξε τίποτα. :rolleyes:

 

---------- Το μήνυμα προστέθηκε στις 21:46 ----------

 

Τελικά διορθώθηκε με τον τρόπο που μου είπες.

Ευχαριστώ.

Αρχειοθετημένο

Αυτό το θέμα έχει αρχειοθετηθεί και είναι κλειστό για περαιτέρω απαντήσεις.

Προς την λίστα θεμάτων
  • Δημιουργία νέου...