[css] niewidoczny div bez zawartości Opcje

[tomek_swat]

witam,
jak zrobić by div, który nie ma zawartości, posiada tylko background zdefiniowany w css był widoczny?
pzdr

[XML] pobierz, plaintext 
<div id="header">
                <div class="logo"></div><div class="head"></div>
</div>
 
#header{
width: 100%;
height: 93px;
margin: 0;
background: #e7e7e7 url(../images/bg_header.gif) repeat-x;
}
 
#header .logo{
display: inline;
clear: both;
height: 91px;    
width: 182px;
background: #e7e7e7 url(../images/logo.gif) no-repeat;
 
}
#header .head{
display: inline;
height: 91px;    
width: 547px;
background: #e7e7e7 url(../images/bg_head.gif) no-repeat;
}
[XML] pobierz, plaintext 

Ten post edytował tomek_swat 5.12.2008, 21:29:54

[piotrooo89]

spróbuj tak:

[HTML] pobierz, plaintext 
#header
{
width: 100%;
height: 93px;
margin: 0;
}
#header .logo
{
clear: both;
height: 91px;    
width: 182px;
background: #e7e7e7 url(../6.jpg) no-repeat;
float:left;
}
#header .head
{
height: 91px;    
width: 547px;
background: #e7e7e7 url(../6.jpg) no-repeat;
}
[HTML] pobierz, plaintext 

[tomek_swat]

nie działa poza tym w header potrzebny jest ten background a usunięcie inline spowodowało tylko, że nie wyświetlają się w jednym oknie, proszę o pomoc
pzdr

[erix]

Nie możesz nadać wysokości/szerokości dla elementu liniowego (wyjątek: obrazki) bez ustawienia opływania (np. float: left).

[tomek_swat]

dzięki, już mi działa

[XML] pobierz, plaintext 
#header{
width: 760px;
height: 93px;
margin: 0;
background: #e7e7e7 url(../images/bg_header.gif) repeat-x;
}
 
#header .logo{
clear: both;
height: 91px;    
width: 182px;
float: left;
}
 
#header .head{
float: left;
height: 91px;    
width: 547px;
background: #e7e7e7 url(../images/bg_head.gif);
}
[XML] pobierz, plaintext